.orb,.scene::before{position:fixed;z-index:0}.brand-mark,.stage{place-items:center}.card-glass::before,.scene::before{inset:0;content:"";pointer-events:none}.brand-mark,.url-field input{box-shadow:-3px 3px 0 0 var(--ink)}.lede,.submit-wrap,h1.hero{text-align:center}.btn-brand::before,.card-glass::before,.orb,.scene::before{pointer-events:none}:root{--ink:#0d1117;--line:rgba(255,255,255,.10);--text:#e8ecf2;--text-mute:#9aa3b1;--paper:#fdfdfd;--paper-soft:rgba(255,255,255,.96);--body:#1c2230;--body-soft:#4a5263;--accent:#6366f1;--accent-2:#ff1e8e;--accent-3:#f97316;--logo-1:#06b6d4;--logo-2:#2563eb}*,::after,::before{border-radius:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body,html{font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;color:var(--body);min-height:100vh;overflow-x:hidden}.argyle{background-color:#2a2f3a;background-image:repeating-linear-gradient(120deg,rgba(255,255,255,.06),rgba(255,255,255,.06) 1px,transparent 1px,transparent 60px),repeating-linear-gradient(60deg,rgba(255,255,255,.06),rgba(255,255,255,.06) 1px,transparent 1px,transparent 60px),linear-gradient(60deg,rgba(0,0,0,.18) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.18) 75%,rgba(0,0,0,.18)),linear-gradient(120deg,rgba(0,0,0,.18) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.18) 75%,rgba(0,0,0,.18));background-size:70px 120px}.scene::before{background:radial-gradient(900px 600px at 10% -10%,rgba(99,102,241,.4),transparent 60%),radial-gradient(900px 600px at 100% 110%,rgba(217,70,239,.25),transparent 60%),linear-gradient(180deg,rgba(8,10,16,0) 30%,rgba(8,10,16,.55) 100%)}.orb{filter:blur(80px)}.brand-mark,.brand-mark i,.btn-brand,.card-glass,.card-glass>*,.foot-dark,.url-field,main{position:relative}.orb-1{width:420px;height:420px;top:-100px;left:-100px;background:radial-gradient(circle,#6366f1 0,transparent 70%);opacity:.55}.orb-2{width:520px;height:520px;bottom:-160px;right:-120px;background:radial-gradient(circle,#d946ef 0,transparent 70%);opacity:.4}.orb-3{width:320px;height:320px;top:35%;right:14%;background:radial-gradient(circle,#22d3ee 0,transparent 70%);opacity:.25}.nav-dark{background:rgba(13,17,23,.78);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.nav-dark .brand,.nav-dark .brand:hover{color:var(--text);text-decoration:none}.nav-dark .brand{font-weight:700;letter-spacing:-.02em;font-size:1.1rem;display:inline-flex;align-items:center;gap:.65rem}.brand .dot{color:var(--logo-1)}.brand-mark{display:inline-grid;width:34px;height:34px;background:linear-gradient(135deg,var(--logo-1) 0,var(--logo-2) 100%);color:#fff;border:2px solid var(--ink);overflow:hidden}.brand-mark i{font-size:.85rem;z-index:1}.brand-mark::before{content:"";position:absolute;top:-20%;bottom:-20%;width:35%;left:-60%;background:linear-gradient(115deg,transparent 0,rgba(255,255,255,.85) 50%,transparent 100%);transform:skewX(-22deg);animation:3.6s ease-in-out infinite glint;filter:blur(1px);z-index:0}@keyframes glint{0%,12%{left:-60%;opacity:0}18%{opacity:1}100%,45%{left:140%;opacity:0}}.btn-ghost{background:0 0;color:var(--text);border:2px solid rgba(255,255,255,.4);box-shadow:-3px 3px 0 0 rgba(255,255,255,.4);font-weight:600;padding:.5rem 1rem;transition:transform .12s,box-shadow .12s,background .12s}.btn-ghost:hover{color:var(--text);background:translate(-1px,1px) #122e6d;box-shadow:-2px 2px 0 0 rgba(255,255,255,.55)}.btn-ghost:active{transform:translate(-3px,3px);box-shadow:0 0 0 0 rgba(255,255,255,.55)}.foot-dark{background:rgba(13,17,23,.78);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--line);padding:.85rem 0}.foot-dark small{color:var(--text-mute)}.foot-dark a{color:var(--text);text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.25)}.btn-brand,.card-glass,.url-field input{border:2px solid var(--ink)}.foot-dark a:hover{color:#fff;border-color:rgba(255,255,255,.5)}.foot-dark.fixed-bottom{z-index:auto}main{z-index:1}.stage{min-height:calc(100vh - 56px - 56px);display:grid;padding:5rem 1.75rem 7rem}.card-glass{width:min(680px,100%);background:var(--paper-soft);box-shadow:-10px 10px 0 0 #00d0ff;padding:clamp(1.75rem,4vw,3rem)}.card-glass::before{position:absolute;background-image:repeating-linear-gradient(120deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 1px,transparent 60px),repeating-linear-gradient(60deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 1px,transparent 60px);background-size:70px 120px;opacity:.35;mask-image:radial-gradient(ellipse at top right,#000 0%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at top right,#000 0%,transparent 65%)}@media (max-width:720px){.stage{padding:3.5rem 1rem 5rem}.card-glass{box-shadow:-8px 8px 0 0 #00d0ff}.lede{font-size:1rem}}@media (max-width:480px){.stage{padding:2.75rem .85rem 4.5rem}.card-glass{box-shadow:-5px 5px 0 0 #00d0ff}.nav-dark .brand{font-size:1rem}.btn-ghost{padding:.45rem .75rem;font-size:.9rem}.url-field input{padding:.9rem 2.6rem;font-size:1rem}.btn-brand{padding:.8rem 1.25rem;font-size:.95rem}.result{padding:.9rem .9rem 1.05rem;box-shadow:-4px 4px 0 0 var(--accent)}}h1.hero{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.035em;font-size:clamp(2.1rem, 5.4vw, 3.6rem);line-height:1.04;margin:0 0 1rem}h1.hero .grad{background:linear-gradient(100deg,var(--accent) 0,var(--accent-2) 50%,var(--accent-3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:1.05rem;color:var(--body-soft);max-width:50ch;margin:0 auto 1.75rem}.url-field{margin-bottom:1.5rem}.url-field input{width:100%;font-size:1.05rem;padding:1rem 2.85rem;background:#fff;color:var(--body);transition:box-shadow .12s,transform .12s,border-color .12s;font-family:inherit}.modal-content.modern h6.section-label,.result label{text-transform:uppercase;letter-spacing:.14em;color:var(--body-soft);font-weight:700}.url-field input::placeholder{color:#9aa0ab}.url-field input:focus{outline:0;transform:translate(-1px,1px);border-color:var(--ink)}.url-field .lead-icon,.url-field .trail-icon{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;z-index:2}.url-field .lead-icon{left:1rem;color:#9aa0ab}.url-field .trail-icon{right:1rem;color:#9aa0ab;font-size:1rem}.btn-brand{overflow:hidden;font-weight:700;color:#fff;padding:.85rem 1.6rem;font-size:1rem;background:linear-gradient(100deg,var(--accent-3) 0,var(--accent-3) 25%,var(--accent-2) 100%);box-shadow:-4px 4px 0 0 var(--ink);transition:transform .12s,box-shadow .12s,filter .12s;letter-spacing:-.005em}.btn-brand::before{content:"";position:absolute;top:0;bottom:0;left:-120%;width:55%;background:linear-gradient(115deg,transparent 0,rgba(255,255,255,.55) 50%,transparent 100%);transform:skewX(-22deg);transition:left .75s;filter:blur(2px)}.btn-brand:hover::before{left:220%}.btn-brand:hover{color:#fff;border-color:var(--ink);transform:translate(-2px,2px);box-shadow:-2px 2px 0 0 var(--ink);filter:saturate(1.1)}.btn-brand:active,.btn-brand:focus{color:#fff!important;border-color:var(--ink);outline:0;transform:translate(-4px,4px);box-shadow:0 0 0 0 var(--ink)}.btn-copy,.modal-content.modern,.modal-content.modern code,.result,.result input{border:2px solid var(--ink)}.result{margin-top:1.75rem;padding:1.1rem 1.1rem 1.25rem;background:#fafbfd;box-shadow:-6px 6px 0 0 var(--accent)}.result label{font-size:.72rem;margin-bottom:.5rem;display:block}.result .row-pair{display:flex;gap:.5rem;align-items:stretch}.result input{flex:1;font-family:'JetBrains Mono',monospace;font-size:1rem;padding:.75rem .9rem;background:#fff;color:var(--body)}.result input:focus{outline:0}.btn-copy{padding:0 1rem;background:var(--ink);color:#fff;font-weight:700;transition:transform .12s,background .12s}.btn-copy:hover{background:#000;transform:translate(-1px,1px)}.modal-content.modern{background:#fff;box-shadow:-10px 10px 0 0 var(--accent-2)}.modal-content.modern .modal-header{background:var(--ink);color:var(--text);border:0;padding:1.15rem 1.4rem}.modal-content.modern .modal-header .btn-close{filter:brightness(0) invert(1);opacity:.85}.modal-content.modern .modal-body{padding:1.4rem}.modal-content.modern code{background:#0d1117;color:#d6e0ff;padding:1rem;font-family:'JetBrains Mono',monospace;font-size:.82rem;display:block;white-space:pre-wrap;line-height:1.55}.modal-content.modern h6.section-label{font-size:.7rem;margin:1.25rem 0 .5rem}.modal-content.modern ul.feature-list{list-style:none;padding:0;margin:.25rem 0 0}.modal-content.modern ul.feature-list li{display:flex;align-items:flex-start;gap:.55rem;padding:.3rem 0}.modal-content.modern ul.feature-list li i{color:var(--accent);margin-top:.25rem}@media (prefers-reduced-motion:reduce){.brand-mark::before{animation:none}}