:root{--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-soft: rgba(59, 130, 246, .08);--color-brand-start: #3b82f6;--color-brand-end: #8b5cf6;--gradient-brand: linear-gradient(135deg, var(--color-brand-start), var(--color-brand-end));--gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(249, 250, 251, .5) 100%);--gradient-glow: conic-gradient(from 180deg at 50% 50%, #2a8af6 0deg, #a853ba 180deg, #e92a67 360deg);--color-primary: #0f172a;--color-secondary: #475569;--color-muted: #94a3b8;--color-bg: #ffffff;--color-bg-page: #f8fafc;--color-bg-soft: #f1f5f9;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--border-light: 1px solid rgba(255, 255, 255, .7);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 4px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 10px 15px -3px rgba(15, 23, 42, .05), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, .05), 0 8px 10px -6px rgba(15, 23, 42, .03);--shadow-inner: inset 0 2px 4px 0 rgba(15, 23, 42, .03);--shadow-inner-surface: inset 0 1px 0 0 rgba(255, 255, 255, .8), inset 0 0 0 1px rgba(255, 255, 255, .4);--drop-shadow-brand: drop-shadow(0 4px 6px rgba(59, 130, 246, .25));--font-sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);color:var(--color-primary);background-color:var(--color-bg-page);background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:24px 24px;line-height:1.6;position:relative;overflow-x:hidden}body:after{content:"";position:absolute;top:0;left:0;right:0;height:800px;background:radial-gradient(circle at 15% 0%,rgba(59,130,246,.12) 0%,transparent 40%),radial-gradient(circle at 85% 0%,rgba(139,92,246,.12) 0%,transparent 40%);z-index:-1;pointer-events:none}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.025}::selection{background:var(--color-accent);color:#fff}a{color:var(--color-brand-start);transition:color var(--transition-fast)}a:hover{color:var(--color-brand-end)}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.25;letter-spacing:-.02em}h1{font-size:2.5rem;font-weight:800}h2{font-size:1.75rem;font-weight:700}h3{font-size:1.25rem;font-weight:600}p{margin:0}img{max-width:100%;height:auto}.symbol-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-weight:700}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.iva-calc,.pct-calc,.tip-calc,.loan-calc,.bmi-calc,.disc-calc{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 40px -10px #0f172a14,var(--shadow-inner-surface);border-radius:var(--radius-xl);padding:2.5rem;position:relative;overflow:hidden}.iva-calc:before,.pct-calc:before,.tip-calc:before,.loan-calc:before,.bmi-calc:before,.disc-calc:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-brand);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.iva-calc__input,.pct-calc__input,.tip-calc__input,.loan-calc__input,.bmi-calc__input,.disc-calc__input{width:100%;padding:.85rem 1.25rem;font-size:1.05rem;font-weight:500;font-family:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:#fff;color:var(--color-primary);box-shadow:var(--shadow-inner);transition:all var(--transition-base)}.iva-calc__input:focus,.pct-calc__input:focus,.tip-calc__input:focus,.loan-calc__input:focus,.bmi-calc__input:focus,.disc-calc__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft),var(--shadow-inner);background:#fff}.iva-calc__result-card,.pct-calc__result-card,.tip-calc__result-card,.loan-calc__result-card,.disc-calc__result-card{background:linear-gradient(180deg,#ffffffe6,#f8fafce6);border:1px solid rgba(226,232,240,.8);box-shadow:var(--shadow-sm),var(--shadow-inner-surface);border-radius:var(--radius-lg)}.iva-calc__result-card--main,.pct-calc__result-card--main,.tip-calc__result-card--total,.loan-calc__result-card--main,.disc-calc__result-card--main{background:linear-gradient(135deg,#ffffffe6,#f1f5f9e6);border:1px solid rgba(59,130,246,.2);box-shadow:0 4px 15px -3px #3b82f61a,var(--shadow-inner-surface);position:relative;overflow:hidden}.iva-calc__result-card--main:before,.pct-calc__result-card--main:before,.tip-calc__result-card--total:before,.loan-calc__result-card--main:before,.disc-calc__result-card--main:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand)}.iva-calc__result-value,.pct-calc__result-value,.tip-calc__result-value,.loan-calc__result-value,.disc-calc__result-value,.bmi-calc__result-value{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.bmi-calc__bar-marker{box-shadow:0 2px 8px #00000026,var(--shadow-inner-surface);border:3px solid #fff;transition:left .5s cubic-bezier(.34,1.56,.64,1)}.cookie-consent{position:relative;z-index:1200}.cookie-consent__banner{position:fixed;left:1rem;right:1rem;bottom:1rem;background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1rem;max-width:920px;margin:0 auto}.cookie-consent__title{font-size:1rem;font-weight:700;margin:0 0 .45rem}.cookie-consent__text{color:var(--color-secondary);margin:0;font-size:.92rem}.cookie-consent__actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}.cookie-consent__btn{border:1px solid var(--color-border-strong);background:var(--color-bg-soft);color:var(--color-primary);border-radius:var(--radius-md);padding:.55rem .8rem;cursor:pointer;font-weight:600;font-size:.9rem}.cookie-consent__btn--primary{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.cookie-consent__btn--ghost{background:transparent}.cookie-consent__modal[hidden],.cookie-consent__banner[hidden]{display:none}.cookie-consent__modal{position:fixed;inset:0}.cookie-consent__backdrop{position:absolute;inset:0;background:#0f172a8c}.cookie-consent__panel{position:relative;max-width:640px;margin:4vh auto;background:var(--color-bg);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:1.2rem;max-height:92vh;overflow:auto}.cookie-consent__panel h3{margin:0 0 .65rem;font-size:1.2rem}.cookie-consent__panel p{color:var(--color-secondary);margin:0 0 .9rem}.cookie-consent__option{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.7rem;margin-bottom:.6rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.cookie-consent__option strong{display:block;font-size:.95rem}.cookie-consent__option span{display:block;font-size:.87rem;color:var(--color-secondary);margin-top:.2rem}.cookie-consent__switch{margin-top:.2rem}.cookie-consent__footer{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem}.legal-page [data-open-cookie-settings]{border:1px solid var(--color-border-strong);background:var(--color-bg-soft);color:var(--color-primary);border-radius:var(--radius-sm);padding:.45rem .7rem;cursor:pointer;font:inherit;text-decoration:none}@media(max-width:720px){.cookie-consent__panel{margin:0;border-radius:0;min-height:100vh;max-height:100vh}}.icon{display:inline-block;object-fit:contain;vertical-align:middle}.nav-dropdown{position:relative}.nav-dropdown__trigger{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .85rem;background:transparent;border:none;color:var(--color-secondary);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-dropdown__trigger:hover{color:var(--color-primary);background:var(--color-bg-soft)}.nav-dropdown__chevron{transition:transform var(--transition-base)}.nav-dropdown__menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);min-width:220px;padding:.4rem;margin:0;list-style:none;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translate(-50%) translateY(8px);transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base)}.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown:focus-within .nav-dropdown__menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown:hover .nav-dropdown__chevron,.nav-dropdown:focus-within .nav-dropdown__chevron{transform:rotate(180deg)}.nav-dropdown:hover .nav-dropdown__trigger,.nav-dropdown:focus-within .nav-dropdown__trigger{color:var(--color-primary);background:var(--color-bg-soft)}.nav-dropdown__link{display:block;padding:.55rem .85rem;color:var(--color-secondary);text-decoration:none;font-size:.875rem;font-weight:450;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-dropdown__link:hover{background:var(--color-bg-soft);color:var(--color-accent)}@media(max-width:768px){.nav-dropdown{width:100%;display:flex;flex-direction:column}.nav-dropdown__trigger{width:100%;justify-content:space-between;padding:1rem 0;font-size:1.1rem;border-bottom:1px solid var(--color-border);border-radius:0}.nav-dropdown__trigger:hover{background:transparent}.nav-dropdown__menu{position:static;transform:none!important;min-width:100%;box-shadow:none;border:none;border-radius:0;padding:0 0 0 1rem;margin:0;display:none;opacity:1;visibility:visible;background:transparent}.nav-dropdown.is-open .nav-dropdown__menu{display:block}.nav-dropdown__link{padding:.85rem 0;font-size:1rem;border-bottom:1px solid var(--color-border);border-radius:0}.nav-dropdown__link:hover{background:transparent;padding-left:.5rem}.nav-dropdown.is-open .nav-dropdown__trigger{background:transparent;color:var(--color-primary)}.nav-dropdown.is-open .nav-dropdown__chevron{transform:rotate(180deg)}}.header{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 2px #00000005}.header__inner{max-width:1120px;margin:0 auto;padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-primary);filter:var(--drop-shadow-brand)}.logo__name{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.header__nav{display:flex;align-items:center;gap:.5rem}.header__toggle{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;color:var(--color-primary)}.hamburger,.hamburger:before,.hamburger:after{display:block;width:24px;height:2px;background-color:currentColor;border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.hamburger:before,.hamburger:after{content:"";position:absolute}.hamburger:before{transform:translateY(-8px)}.hamburger:after{transform:translateY(8px)}.header__toggle.is-active .hamburger{background-color:transparent}.header__toggle.is-active .hamburger:before{transform:rotate(45deg)}.header__toggle.is-active .hamburger:after{transform:rotate(-45deg)}@media(max-width:768px){.header__toggle{display:flex;align-items:center;justify-content:center;position:relative;z-index:101;width:40px;height:40px}.header__nav{position:fixed;top:60px;left:0;right:0;height:calc(100vh - 60px);background:#fffffffa;flex-direction:column;align-items:stretch;padding:2rem;gap:1.5rem;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base);z-index:99;overflow-y:auto}.header__nav.is-active{transform:translateY(0);opacity:1;pointer-events:auto}}.footer{background:var(--color-bg-soft);border-top:1px solid var(--color-border);padding:4rem 1.5rem 0}.footer__inner{max-width:1120px;margin:0 auto}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem}.footer__logo{display:flex;align-items:center;gap:.5rem}.footer__brand-name{font-size:1.15rem;font-weight:800;color:var(--color-primary)}.footer__brand-desc{font-size:.875rem;color:var(--color-secondary);line-height:1.6;margin-top:.75rem;max-width:280px}.footer__col-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin:0 0 1rem}.footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.footer__links a{font-size:.875rem;color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer__link-btn{padding:0;border:0;background:none;font:inherit;font-size:.875rem;color:var(--color-secondary);text-decoration:none;cursor:pointer;text-align:left;transition:color var(--transition-fast)}.footer__links a:hover,.footer__link-btn:hover{color:var(--color-accent)}.footer__bottom{margin-top:3rem;padding:1.5rem 0;border-top:1px solid var(--color-border)}.footer__bottom p{font-size:.78rem;color:var(--color-muted);text-align:center}@media(max-width:768px){.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:span 2}}@media(max-width:480px){.footer__grid{grid-template-columns:1fr}.footer__brand{grid-column:span 1}}