:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--bg-spot:#0a0a0a;--bg-deep:#030303;--bg-elev:#020202;--card:#070707;--text:#e6edf3;--muted:#9aa4b2;--surface-900:#010101;--accent:#ffb347;--accent-2:#ffd194;--accent-3:#ff7a45;--accent-0:#fff2d1;--ring:#ffb34759;--accent-15:#ffb34726;--accent-08:#ffb34714;--accent-00:#ffb34700;--accent-10:#ffb3471a;--accent-16:#ffb34729;--accent-20:#ffb34733;--accent-25:#ffb34740;--accent-45:#ffb34773;--accent-60:#ffb34799;--accent-warm-12:#ff7a451f;--accent-cream-12:#ffd1941f;--accent-cream-18:#ffd1942e;--accent-cream-90:#ffd194e6;--cream-90:#ffe2b6e6;--cream-95:#ffe2b6f2;--white-03:#ffffff08;--white-04:#ffffff0a;--white-08:#ffffff14;--white-12:#ffffff1f;--white-20:#fff3;--white-55:#ffffff8c;--white-60:#fff9;--white-80:#fffc;--white-85:#ffffffd9;--white-88:#ffffffe0;--surface-900-70:#000000b3;--surface-900-90:#000000e6;--backdrop-700-35:#05050559;--shadow-900-35:#00000059;--shadow-900-60:#0009;--transparent:transparent}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1200px 800px at 10% 10%,var(--bg-spot)0%,var(--bg)55%,var(--bg-deep)100%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.6;position:relative;overflow:hidden auto}body:before,body:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:-20%}body:before{background:radial-gradient(600px 400px at 20% 20%,var(--accent-15),var(--transparent)60%),radial-gradient(500px 350px at 80% 30%,var(--accent-warm-12),var(--transparent)60%),radial-gradient(700px 450px at 60% 80%,var(--accent-cream-12),var(--transparent)60%);filter:blur();animation:18s ease-in-out infinite alternate glowDrift}body:after{background-image:linear-gradient(120deg,var(--accent-08)0%,var(--accent-00)45%),linear-gradient(90deg,var(--white-04)1px,var(--transparent)1px),linear-gradient(0deg,var(--white-03)1px,var(--transparent)1px);mix-blend-mode:screen;opacity:.5;background-size:100% 100%,42px 42px,42px 42px}.overlay{background:var(--backdrop-700-35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;justify-content:center;align-items:center;padding:18px 20px;display:flex;position:fixed;inset:0}.overlay-banner{border:1px solid var(--accent-25);background:var(--surface-900-90);width:min(720px,100%);box-shadow:0 20px 60px var(--shadow-900-60);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.overlay-text{letter-spacing:.2em;text-transform:uppercase;color:var(--cream-90);font-size:1rem}.overlay-glow{background:conic-gradient(from 180deg,var(--accent-15),var(--transparent)40%,var(--accent-cream-18),var(--transparent)75%);opacity:.8;animation:2.4s linear infinite overlaySpin;position:absolute;inset:-50%}.overlay-close{z-index:1;border:1px solid var(--white-20);background:var(--transparent);color:var(--white-80);cursor:pointer;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.2rem;line-height:1;transition:border-color .2s,color .2s,background .2s;display:grid;position:relative}.overlay-close:hover{border-color:var(--accent-60);color:var(--cream-95);background:var(--accent-10)}.overlay-banner>*{z-index:1;position:relative}.main{z-index:1;flex-direction:column;justify-content:center;align-items:stretch;min-height:100dvh;padding:24px;display:flex;position:relative}.nav{border:1px solid var(--white-08);background:var(--surface-900-70);box-shadow:0 12px 30px var(--shadow-900-35);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 22px;display:flex}.nav-brand{letter-spacing:.2em;text-transform:uppercase;color:var(--cream-90);font-weight:700;text-decoration:none}.nav-links{flex-wrap:wrap;gap:12px;display:flex}.nav-link{background:var(--transparent);border:1px solid var(--white-12);color:var(--white-80);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 14px;font-size:.85rem;transition:border-color .2s,color .2s,background .2s}.nav-link:hover{border-color:var(--accent-60);color:var(--cream-95);background:var(--accent-08)}.hero{text-align:center;flex:1;place-items:center;gap:28px;display:grid}.logo{letter-spacing:-.04em;text-transform:uppercase;background:linear-gradient(120deg,var(--accent-0)0%,var(--accent)45%,var(--accent-3)100%);color:#0000;text-shadow:0 10px 40px var(--accent-25),0 2px 12px var(--shadow-900-60);-webkit-background-clip:text;background-clip:text;font-size:clamp(3.5rem,10vw,9rem);font-weight:800}.logo:after{content:"";background:linear-gradient(90deg,var(--accent-20),var(--accent-cream-90),var(--accent-20));width:min(220px,60vw);height:3px;box-shadow:0 0 30px var(--accent-45);border-radius:999px;margin:18px auto 0;display:block}.connections{text-align:left;gap:16px;width:min(960px,100%);display:grid}.connections--modal{gap:20px;width:100%}.connections-overlay{border:1px solid var(--white-12);background:radial-gradient(600px 300px at 15% 15%,var(--accent-08),var(--transparent)60%),radial-gradient(500px 260px at 85% 25%,var(--accent-warm-12),var(--transparent)60%),linear-gradient(180deg,var(--surface-900-90),var(--surface-900-70));width:min(920px,100%);max-width:100%;box-shadow:inset 0 0 0 1px var(--white-03);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;border-radius:22px;padding:18px 18px 16px;position:relative}.connections-overlay-header{border-bottom:1px solid var(--white-12);justify-content:space-between;align-items:center;margin-bottom:14px;padding:4px 6px 14px;display:flex}.connections-title{text-transform:uppercase;letter-spacing:.3em;color:var(--white-55);font-size:.75rem}.connections-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.connections--modal .connections-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.connections-item{border:1px solid var(--white-08);background:var(--surface-900-70);color:var(--white-85);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:flex}.connections--modal .connections-item{border:1px solid var(--white-12);background:linear-gradient(160deg,var(--surface-900-90),var(--surface-900-70));box-shadow:none;border-radius:16px;grid-template-columns:44px 1fr;align-items:center;padding:14px 16px;display:grid}.connections-item:hover{border-color:var(--accent-45);background:var(--accent-08);transform:translateY(-2px)}.connections--modal .connections-item:hover{border-color:var(--accent-60);background:var(--accent-10);transform:translateY(-3px)}.connections-icon{background:var(--accent-16);width:34px;height:34px;color:var(--cream-95);border-radius:12px;place-items:center;display:grid}.connections--modal .connections-icon{background:linear-gradient(140deg,var(--accent-20),var(--accent-warm-12));width:40px;height:40px;box-shadow:0 8px 18px var(--accent-15);border-radius:14px}.connections-text{gap:4px;min-width:0;display:grid}.connections-label{text-transform:uppercase;letter-spacing:.2em;color:var(--white-55);font-size:.75rem}.connections--modal .connections-label{letter-spacing:.24em;color:var(--white-60);font-size:.7rem}.connections-value{color:var(--white-88);font-size:.95rem}.connections--modal .connections-value{color:var(--white-88);font-size:1rem}.footer{text-align:center;color:var(--white-55);letter-spacing:.3em;text-transform:uppercase;z-index:2;padding:16px;font-size:.85rem;position:fixed;bottom:0;left:0;right:0}@media (max-width:720px){.nav{flex-direction:column;gap:12px;padding:12px 16px}.nav-links{justify-content:center;width:100%}.hero{gap:20px}.logo{font-size:clamp(2.8rem,12vw,5.5rem)}.connections-overlay{width:100%;max-width:100%;margin:0}.overlay-banner{box-sizing:border-box;text-align:center;border-radius:0;flex-direction:column;justify-content:center;gap:10px;width:100vw;max-width:100vw;margin:0;position:relative;overflow:visible}.overlay-text{letter-spacing:.12em;text-align:center;width:100%;padding:0 36px;line-height:1.4}.overlay{padding:0}.overlay-glow{display:none}.overlay-close{position:absolute;top:10px;right:10px}}@media (max-width:520px){.main{padding:16px}.nav-links{flex-direction:column;align-items:stretch}.nav-link{text-align:center;width:100%;font-size:.8rem}.connections-grid,.connections--modal .connections-grid{grid-template-columns:1fr;gap:12px}.connections-item,.connections--modal .connections-item{border-radius:12px;gap:10px;width:100%;padding:12px}.connections-icon,.connections--modal .connections-icon{border-radius:12px;width:36px;height:36px}.connections-text{gap:2px}.connections-label,.connections--modal .connections-label{letter-spacing:.18em;font-size:.6rem}.connections-value,.connections--modal .connections-value{word-break:break-word;font-size:.9rem;line-height:1.4}.connections--modal .connections-item{grid-template-columns:36px 1fr}.connections-overlay{background:var(--surface-900-90);border-radius:0;width:100vw;max-width:100vw;margin:0;padding:18px 16px 20px}.connections-overlay-header{margin-bottom:12px;padding:6px 2px 12px}.overlay-text{letter-spacing:.1em;text-align:center;width:100%;padding:0 36px;font-size:.9rem;line-height:1.35}.overlay{justify-content:stretch;align-items:stretch;padding:0}.overlay-banner{box-sizing:border-box;border-radius:0;justify-content:center;width:100vw;max-width:100vw;margin:0;padding:16px 16px 18px;position:absolute;top:35%;left:0;overflow:visible}.overlay-close{top:12px;right:12px}}@keyframes glowDrift{0%{opacity:.7;transform:translate(-2%,-2%)scale(1)}50%{opacity:.85;transform:translate(2%,1%)scale(1.03)}to{opacity:.75;transform:translate(4%,-1%)scale(1.06)}}@keyframes overlaySpin{to{transform:rotate(360deg)}}
