*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{color:#e8eaf6;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#080b1a;max-width:100vw;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.skip-link{z-index:9999;color:#080b1a;background:#00cfff;border-radius:0 0 8px 8px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:0}#main-content{z-index:1;min-height:80vh;padding-top:86px;position:relative}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-canvas:before{content:"";background:#080b1a;position:absolute;inset:0}.bg-glow-left{filter:blur(75px);background:radial-gradient(circle,#6e19e685 0%,#460aa047 35%,#0000 65%);border-radius:50%;width:900px;height:900px;animation:9s ease-in-out infinite alternate nebula1;position:absolute;top:-80px;left:-280px}.bg-glow-right{filter:blur(60px);background:radial-gradient(circle,#00d2ff8c 0%,#0096e64d 35%,#0050b41a 60%,#0000 75%);border-radius:50%;width:750px;height:750px;animation:11s ease-in-out infinite alternate nebula2;position:absolute;top:-60px;right:-170px}.bg-glow-bottom{filter:blur(90px);background:radial-gradient(#5a00c859 0%,#0000 65%);width:1000px;height:500px;position:absolute;bottom:-150px;left:50%;transform:translate(-50%)}.bg-glow-center{filter:blur(30px);background:radial-gradient(#00b4ff14 0%,#7800ff0f 50%,#0000 75%);width:800px;height:400px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.bg-dots{background-image:radial-gradient(circle,#ffffff09 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}@keyframes nebula1{0%{opacity:.85;transform:translate(0)scale(1)}to{opacity:1;transform:translate(20px,30px)scale(1.06)}}@keyframes nebula2{0%{transform:translate(0)scale(1)}to{transform:translate(-15px,25px)scale(1.06)}}.deco-shape{pointer-events:none;position:absolute}.deco-tri-1{filter:drop-shadow(0 0 10px #00c8ff80);border-bottom:26px solid #00c8ff4d;border-left:16px solid #0000;border-right:16px solid #0000;width:0;height:0;animation:6s ease-in-out infinite alternate floatY;top:34%;left:7%}.deco-tri-2{clip-path:polygon(50% 0%,0% 100%,100% 100%);filter:drop-shadow(0 0 8px #a000ff99);background:#a000ff59;width:12px;height:12px;animation:7s ease-in-out infinite alternate-reverse floatY;top:20%;right:8%;transform:rotate(180deg)}.deco-dot-1{background:#00e6ff73;border-radius:50%;width:9px;height:9px;animation:5s ease-in-out infinite alternate floatY;top:40%;right:5%;box-shadow:0 0 12px #00e6ff99}.deco-dot-2{background:#b400ff8c;border-radius:50%;width:6px;height:6px;animation:9s ease-in-out infinite alternate-reverse floatY;top:24%;left:13%;box-shadow:0 0 8px #b400ff80}.deco-dot-3{background:#00c8ff80;border-radius:50%;width:5px;height:5px;animation:8s ease-in-out infinite alternate floatY;top:58%;right:14%;box-shadow:0 0 8px #00c8ff80}@keyframes floatY{0%{transform:translateY(0)}to{transform:translateY(-18px)}}.wrap{z-index:1;position:relative}.container{max-width:1180px;margin:0 auto;padding:0 28px}#navbar{z-index:100;padding:18px 0;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,padding .3s;position:fixed;top:0;left:0;right:0}#navbar.scrolled{-webkit-backdrop-filter:blur(18px);background:#080b1ae0;border-bottom:1px solid #ffffff0f;padding:12px 0}.nav-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.logo{align-items:center;text-decoration:none;display:inline-flex}.logo-img{object-fit:contain;filter:drop-shadow(0 2px 10px #00cfff40);flex-shrink:0;width:48px;height:48px;transition:transform .25s,filter .25s}.logo:hover .logo-img{filter:drop-shadow(0 4px 16px #00cfff73);transform:scale(1.06)}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:#c8d2ffbf;border-radius:8px;padding:7px 14px;font-size:13.5px;font-weight:500;transition:color .2s,background .2s}.nav-links a:hover{color:#fff;background:#ffffff0f}.btn-cta{color:#fff;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(90deg,#00cfff 0%,#b44fff 100%);border-radius:50px;padding:9px 22px;font-size:13.5px;font-weight:600;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 20px #6400ff59}.btn-cta:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 28px #6400ff80}.nav-toggle{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;min-width:44px;height:44px;min-height:44px;padding:9px;display:none}.nav-toggle span{background:#c8d2ffe6;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}#footer{border-top:1px solid #ffffff12;margin-top:60px;padding:70px 0 35px}.footer-grid{grid-template-columns:1.6fr 1.1fr 1fr 1fr;gap:48px;margin-bottom:50px;display:grid}.footer-brand p{color:#b4bee68c;max-width:280px;margin-top:16px;font-size:13.5px;line-height:1.8}.footer-col-t{text-transform:uppercase;letter-spacing:.12em;color:#b4bee673;margin-bottom:20px;font-size:11px;font-weight:700}.footer-links{flex-direction:column;gap:11px;display:flex}.footer-links a{color:#b4bee6a6;font-size:13.5px;transition:color .2s}.footer-links a:hover{color:#00cfff}.footer-bottom{color:#b4bee673;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:26px;font-size:13px;display:flex}.social-row{gap:8px;display:flex}.soc-btn{color:#b4bee6b3;background:#ffffff0e;border:1px solid #ffffff17;border-radius:8px;place-items:center;width:34px;height:34px;font-size:14px;transition:background .2s,border-color .2s,color .2s;display:grid}.soc-btn:hover{color:#e8eaf6;background:#ffffff17;border-color:#ffffff26}#stb{color:#fff;cursor:pointer;opacity:0;z-index:90;background:linear-gradient(135deg,#00cfff,#8b5cf6);border-radius:10px;place-items:center;width:42px;height:42px;font-size:18px;transition:opacity .3s,transform .3s,box-shadow .3s;display:grid;position:fixed;bottom:26px;right:26px;transform:translateY(14px);box-shadow:0 4px 20px #00b4ff59}#stb.show{opacity:1;transform:translateY(0)}#stb:hover{transform:translateY(-2px);box-shadow:0 6px 26px #00b4ff80}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(22px)}.reveal.in{opacity:1;transform:translateY(0)}.d1{transition-delay:80ms}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (width<=768px){.nav-links,.btn-cta{display:none}.nav-toggle{display:flex}.footer-grid{grid-template-columns:1fr;gap:30px}.tool-page-wrapper,.tool-container,.tool-wrapper,main.tool-page-wrapper{padding:88px 1rem 3rem!important}}.max-w-4xl{max-width:56rem;margin-left:auto;margin-right:auto}.max-w-5xl{max-width:64rem;margin-left:auto;margin-right:auto}.max-w-3xl{max-width:48rem;margin-left:auto;margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.pt-6{padding-top:1.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.tool-page-wrapper,.tool-container,.tool-wrapper,main.tool-page-wrapper{color:#e2e8f0!important;max-width:1100px!important;margin:0 auto!important;padding:120px 1.25rem 4rem!important}.breadcrumb,.tool-page-wrapper .breadcrumb{color:#b4c3eb99!important;margin-bottom:1.25rem!important;font-size:.875rem!important}.breadcrumb a,.tool-page-wrapper .breadcrumb a{color:#00cfff!important;text-decoration:none!important}.intro-box,.tool-intro,.header-section{margin-bottom:2rem!important}.intro-box h1,.tool-intro h1,.tool-page-wrapper h1,.tool-container h1{color:#fff!important;margin:.5rem 0 1rem!important;font-size:clamp(1.75rem,3.5vw,2.5rem)!important;font-weight:800!important;line-height:1.25!important}.intro-box p,.tool-intro p,.tool-page-wrapper p,.tool-container p{color:#c8d7ffd9!important;max-width:900px!important;font-size:.95rem!important;line-height:1.65!important}.badge-tag,.badge,.tag{text-transform:uppercase!important;color:#38bdf8!important;background:#00cfff1f!important;border:1px solid #00cfff4d!important;border-radius:9999px!important;margin-bottom:.5rem!important;padding:.3rem .75rem!important;font-size:.75rem!important;font-weight:700!important;display:inline-block!important}.calculator-card,.calc-card,.tool-card-box,.bg-white,.bg-slate-50,.bg-gray-50,.bg-zinc-50,.card{-webkit-backdrop-filter:blur(20px)!important;color:#e2e8f0!important;background:#0f172acc!important;border:1px solid #ffffff1f!important;border-radius:20px!important;grid-template-columns:1fr!important;gap:2rem!important;padding:2rem!important;display:grid!important;box-shadow:0 24px 50px -15px #000000b3!important}@media (width>=860px){.calculator-card{grid-template-columns:1fr 1.15fr!important}}.input-section h2,.result-section h2,.calc-inputs h2,.calc-results h2,.card-title{color:#fff!important;border-bottom:1px solid #ffffff1a!important;margin-top:0!important;margin-bottom:1.25rem!important;padding-bottom:.5rem!important;font-size:1.25rem!important;font-weight:700!important}.input-group,.form-group,.input-wrap{margin-bottom:1.25rem!important}.input-group label,.form-group label,label{color:#cbd5e1!important;margin-bottom:.4rem!important;font-size:.875rem!important;font-weight:600!important;display:block!important}.input-group input,.input-group select,input[type=number],input[type=text],select{color:#fff!important;box-sizing:border-box!important;background:#080b1ad9!important;border:1px solid #ffffff2e!important;border-radius:10px!important;width:100%!important;padding:.7rem .85rem!important;font-size:.95rem!important;transition:border-color .2s,box-shadow .2s!important}.input-group input:focus,.input-group select:focus,input:focus,select:focus{border-color:#00cfff!important;outline:none!important;box-shadow:0 0 0 3px #00cfff40!important}.helper-text{color:#94a3b8!important;margin-top:.25rem!important;font-size:.75rem!important;display:block!important}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:1rem!important;margin-bottom:1.5rem!important;display:grid!important}.metric-card,.result-card,.stat-box,.kpi-card{text-align:center!important;background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:14px!important;padding:1.25rem 1rem!important;box-shadow:0 4px 14px #00000040!important}.metric-card.primary{background:#00cfff14!important;border:1px solid #00cfff59!important;box-shadow:0 0 24px #00cfff26!important}.metric-label{text-transform:uppercase!important;color:#b4c3ebb3!important;letter-spacing:.05em!important;margin-bottom:.35rem!important;font-size:.75rem!important;font-weight:600!important;display:block!important}.metric-value{color:#fff!important;font-size:1.65rem!important;font-weight:800!important;display:block!important}.metric-card.primary .metric-value,[id*=resTotal],[id*=answer-display]{color:#00cfff!important;text-shadow:0 0 16px #00cfff66!important}.metric-sub{color:#b4c3eb99!important;margin-top:.25rem!important;font-size:.75rem!important;display:block!important}.table-container{background:#ffffff05!important;border:1px solid #ffffff14!important;border-radius:12px!important;margin-top:1.5rem!important;overflow:hidden!important}.table-container h3{color:#fff!important;background:#ffffff0d!important;border-bottom:1px solid #ffffff14!important;margin:0!important;padding:.75rem 1rem!important;font-size:.95rem!important;font-weight:700!important}.table-container table{border-collapse:collapse!important;width:100%!important;font-size:.85rem!important}.table-container td,.table-container th{color:#cbd5e1!important;border-bottom:1px solid #ffffff0f!important;padding:.7rem 1rem!important}.table-container td.val{text-align:right!important;color:#00cfff!important;font-family:monospace!important;font-weight:600!important}.table-container tr.total-row{background:#00cfff0f!important;font-weight:700!important}.table-container tr.total-row td{color:#00cfff!important;font-size:.95rem!important}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.w-full{width:100%}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}h1,.text-3xl{margin-bottom:.5rem;color:#fff!important;font-size:clamp(1.75rem,3.5vw,2.35rem)!important;font-weight:800!important;line-height:1.25!important}h2,.text-xl{color:#fff!important;font-size:1.25rem!important;font-weight:700!important}h3{font-weight:700;color:#f1f5f9!important}.text-gray-900,.text-slate-900,.text-zinc-900{color:#fff!important}.text-gray-700,.text-slate-700,.text-zinc-700{color:#cbd5e1!important}.text-gray-600,.text-slate-600,.text-zinc-600{color:#94a3b8!important}.text-gray-500,.text-slate-500,.text-zinc-500{color:#64748b!important}.text-sm{font-size:.875rem!important}.text-xs{font-size:.75rem!important}.text-2xl{font-size:1.5rem!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.font-medium{font-weight:500!important}.rounded-full{border-radius:9999px!important}.rounded-xl{border-radius:1rem!important}.rounded-lg{border-radius:.75rem!important}.rounded-md{border-radius:.5rem!important}.bg-blue-100{color:#38bdf8!important;background:#00cfff1f!important;border:1px solid #00cfff4d!important}input[type=number],input[type=text],input[type=email],select,textarea{transition:border-color .2s,box-shadow .2s;color:#fff!important;background:#080b1ad9!important;border:1px solid #ffffff26!important;border-radius:10px!important;width:100%!important;padding:.65rem .85rem!important;font-size:.95rem!important}input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#00cfff!important;outline:none!important;box-shadow:0 0 0 3px #00cfff40!important}select option{color:#fff!important;background:#0f172a!important}.pl-8{padding-left:2rem!important}.pr-3{padding-right:.75rem!important}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.absolute{position:absolute}.inset-y-0{top:0;bottom:0}.left-0{left:0}.pl-3{padding-left:.75rem}button[type=submit],.bg-blue-600,.btn-calculate{text-align:center;width:100%;display:inline-block;color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#00cfff 0%,#7928ca 100%)!important;border:none!important;border-radius:12px!important;padding:.85rem 1.5rem!important;font-size:1rem!important;font-weight:700!important;transition:transform .2s,box-shadow .2s,opacity .2s!important;box-shadow:0 4px 20px #00cfff59!important}button[type=submit]:hover,.bg-blue-600:hover,.btn-calculate:hover{opacity:.95!important;transform:translateY(-2px)!important;box-shadow:0 6px 28px #00cfff80!important}.bg-blue-50{background:#00cfff14!important;border:1px solid #00cfff40!important}.bg-purple-50{background:#a855f714!important;border:1px solid #a855f740!important}.bg-red-50{background:#ef444414!important;border:1px solid #ef444440!important}.text-blue-900,.text-blue-800,.text-blue-700{color:#38bdf8!important}.text-blue-600{color:#7dd3fc!important}.text-purple-900,.text-purple-800{color:#c084fc!important}.text-purple-600{color:#d8b4fe!important}.text-red-900,.text-red-800{color:#f87171!important}.text-red-600{color:#fca5a5!important}.text-emerald-600,.text-green-600{color:#34d399!important}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-gray-200,.border-gray-100{border-color:#ffffff14!important}