@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@400;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}:root{--bg:#0f0f10;--ink:#e5e7eb;--muted:#9ca3af;--card:rgba(255,255,255,.04);--card-border:rgba(255,255,255,.08);--ring:rgba(59,130,246,.5);--accent:#fbbf24;--safe:#34d399;--risk:#f87171}*,:before,:after{box-sizing:border-box}html,body,#__next{height:100%}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--ink);background-image:radial-gradient(1200px 600px at -10% -10%,rgba(255,0,0,.12),transparent 60%),radial-gradient(1400px 700px at 110% -10%,rgba(255,60,60,.1),transparent 60%),radial-gradient(1200px 600px at 50% 130%,rgba(255,40,40,.1),transparent 60%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;transition:background .4s ease-in-out,color .3s ease-in-out;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:.2px;font-family:Inter,sans-serif;font-weight:800}h1{color:var(--accent)}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;transition:transform .25s,box-shadow .3s;box-shadow:0 8px 24px rgba(0,0,0,.35)}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.45)}.badge-safe{color:var(--safe);background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);border-radius:9999px;padding:4px 10px;font-size:12px;display:inline-block}.badge-risk{color:var(--risk);background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);border-radius:9999px;padding:4px 10px;font-size:12px;display:inline-block}.input,.select,.range{width:100%}.input,.select{height:40px;color:var(--ink);background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;transition:all .25s}.input:focus,.select:focus{box-shadow:0 0 0 2px var(--ring);outline:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}.range{accent-color:#ea3943}.help{color:var(--muted);font-size:12px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (max-width:1024px){.grid-2,.grid-3{grid-template-columns:1fr}}.controls-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.controls-grid>*{min-width:0}@media (max-width:1100px){.controls-grid{grid-template-columns:1fr 1fr;gap:14px}}@media (max-width:900px){.controls-grid{grid-template-columns:1fr;gap:12px}}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}@media (max-width:1000px){.metrics-grid{grid-template-columns:1fr}}.edu-bar{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;padding:4px 6px}.steps{counter-reset:step;color:var(--ink);margin-top:12px;padding-left:0;list-style:none}.steps li{counter-increment:step;word-wrap:break-word;margin:0 0 12px;padding-left:2.75rem;line-height:1.45;position:relative}.steps li:before{content:counter(step)".";text-align:right;font-variant-numeric:tabular-nums;width:2rem;color:var(--ink);opacity:.9;font-size:.95em;font-weight:700;position:absolute;top:.2em;left:0}@media (min-width:768px){.steps li{padding-left:3.25rem}.steps li:before{width:2.5rem}}@media (min-width:1024px){.steps li{padding-left:3.5rem}.steps li:before{width:2.75rem;top:.18em}}@media (max-width:420px){h1{margin-bottom:10px!important;font-size:26px!important}.card{border-radius:14px}}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:9999px}.fade-in{animation:.6s ease-in-out both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out both fade-in-up}.btn-pop{will-change:transform;transition:transform .15s,box-shadow .2s}.btn-pop:hover{transform:translateY(-1px)}.btn-pop:active{transform:translateY(0)}.anim-pill{transition:transform .15s,background .2s,box-shadow .2s}.anim-pill:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.3)}.anim-pill:active{transform:translateY(0)}.range{transition:filter .2s}.range:active{filter:saturate(1.12)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}