:root{--small-gap:calc(var(--standard-gap)/2);--standard-gap:15px;--two-times-standard-gap:calc(2*var(--standard-gap));--border-color:#e2e8f0;--focused-border-color:#cbd5e1;--font-color:#334155;--font-color-muted:#64748b;--accent-blue:#2563eb;--accent-blue-hover:#1d4ed8;--desktop-breakpoint:768px;--background-white:#fff;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--card-shadow-hover:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}html,body{max-width:100vw;min-height:100lvh;color:var(--font-color);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;background-color:var(--background-white);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6;position:relative}:is(html,body) a{color:var(--accent-blue);text-decoration:none;transition:color .2s}:is(html,body) a:hover{color:var(--accent-blue-hover)}:is(html,body) label{padding-top:var(--small-gap);display:inline-block}:is(html,body) label input,:is(html,body) label select{padding:8px var(--small-gap);border:1px solid var(--border-color);color:inherit;border-radius:6px;font-family:inherit;transition:all .2s}:is(html,body) label input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}:is(html,body) label select{cursor:pointer;background-color:#fff}:is(html,body) small{color:var(--font-color-muted);font-size:.75rem}:is(html,body) .my0,:is(html,body) .mt0{margin-top:0}:is(html,body) .my0,:is(html,body) .mb0{margin-bottom:0}:is(html,body) h1,:is(html,body) h2,:is(html,body) h3,:is(html,body) h4,:is(html,body) h5,:is(html,body) h6{color:#0f172a;letter-spacing:-.02em;font-weight:700;line-height:1.2}:is(html,body) h1{margin-bottom:1rem;font-size:1.25rem}:is(html,body) h2{margin-bottom:.75rem;font-size:1.1rem}:is(html,body) h3{margin-bottom:.5rem;font-size:1rem}:is(html,body) .tooltip{border-bottom:1px dashed var(--border-color);cursor:help;transition:border-color .2s;display:inline-block;position:relative}:is(html,body) .tooltip:hover{border-bottom-color:var(--accent-blue)}:is(html,body) .tooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:1001;opacity:0;pointer-events:none;background-color:#1e293b;border-radius:12px;width:240px;padding:12px;font-size:.75rem;font-weight:500;line-height:1.4;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}:is(html,body) .tooltip .tooltiptext:after{content:"";border:6px solid #0000;border-top-color:#1e293b;margin-left:-6px;position:absolute;top:100%;left:50%}:is(html,body) .tooltip:hover .tooltiptext{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}:is(html,body) .bg-grid{background-image:linear-gradient(90deg,#00000005 1px,#0000 1px),linear-gradient(#00000005 1px,#0000 1px);background-size:40px 40px}:is(html,body) .bg-dots{opacity:.1;background-image:radial-gradient(#475569 1px,#0000 1px);background-size:24px 24px}:is(html,body) .glow-blue{background:radial-gradient(circle,#2563eb0d 0%,#0000 70%)}:is(html,body) .premium-card{border:1px solid var(--border-color);box-shadow:var(--card-shadow);background:#fff;border-radius:1.5rem;padding:1.5rem;transition:all .3s}:is(html,body) .premium-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}
