:root{--color-primary:#E91E63;--color-primary-light:#F06292;--color-primary-dark:#C2185B;--color-secondary:#F48FB1;--color-secondary-light:#F8BBD0;--shadow-md:0 10px 20px rgba(233, 30, 99, 0.12),0 2px 8px rgba(233, 30, 99, 0.08);--shadow-lg:0 15px 25px rgba(233, 30, 99, 0.15),0 5px 10px rgba(0, 0, 0, 0.05)}.tool-hero{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);margin-bottom:var(--spacing-2xl);margin-top:var(--spacing-xl);border-radius:var(--border-radius-xl);background:linear-gradient(135deg,rgba(233,30,99,.08),rgba(244,143,177,.08))}.page-header{text-align:center;margin-bottom:var(--spacing-2xl)}.page-description{font-size:var(--font-size-lg);color:var(--color-text-light);max-width:700px;margin:var(--spacing-base) auto 0;line-height:var(--line-height-relaxed)}.tool-container{max-width:1000px;margin:0 auto;padding:0 var(--container-padding)}.calculator-container{max-width:600px;margin:0 auto;padding:0 var(--spacing-lg)}.calculator-card{padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);border-radius:var(--border-radius-xl);background:var(--color-bg);box-shadow:var(--shadow-base);animation:fadeIn .8s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculator-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.input-description{display:block;font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--spacing-xs);font-style:italic}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-base);border:2px solid var(--color-border);border-radius:var(--border-radius-base);font-size:var(--font-size-base);transition:border-color var(--transition-fast);background-color:var(--color-bg);color:var(--color-text);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(233,30,99,.1)}.calculate-button{width:100%;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-base);font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-lg)}.calculate-button:hover{background:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.calculate-button:active{transform:translateY(0)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;text-align:center;text-decoration:none;border:none;border-radius:var(--border-radius-base);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-primary);color:#fff;line-height:1.5}.btn:hover{background-color:var(--color-secondary);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-base)}.btn:active{transform:translateY(0)}.privacy-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-base);background:rgba(233,30,99,.05);border:1px solid rgba(233,30,99,.2);border-radius:var(--border-radius-base);font-size:var(--font-size-sm);color:var(--color-text)}.privacy-note svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.mobile-menu-drawer{border-left:3px solid var(--color-primary);box-shadow:-8px 0 32px rgba(0,0,0,.15),-4px 0 16px rgba(233,30,99,.08)}.mobile-menu-close{border:2px solid rgba(233,30,99,.3)}.mobile-menu-link.active{color:var(--color-primary);background:rgba(233,30,99,.1)}.theme-toggle-mobile{background:rgba(233,30,99,.1);border:1px solid rgba(233,30,99,.2)}.theme-toggle-mobile:hover{background:rgba(233,30,99,.15);border-color:rgba(233,30,99,.3);transform:translateY(-2px)}html[data-theme=dark] .mobile-menu-drawer{border-left:3px solid var(--color-primary-light);box-shadow:-8px 0 32px rgba(0,0,0,.5),-4px 0 16px rgba(240,98,146,.15)}html[data-theme=dark] .mobile-menu-close{border-color:rgba(240,98,146,.4)}html[data-theme=dark] .mobile-menu-link.active{color:var(--color-primary-light);background:rgba(240,98,146,.15)}@media (max-width:768px){.tool-hero{padding:var(--spacing-2xl) var(--spacing-lg)}.calculator-card{padding:var(--spacing-lg)}.page-description{font-size:var(--font-size-base)}}