:root{
  --bg:#070A12; --bg-2:#0A0F1C; --panel:#0E1424;
  --line:rgba(120,160,220,.12); --line-2:rgba(130,180,255,.24);
  --ink:#EAF1FF; --muted:#93A2C2;
  --cyan:#54E6F0; --azure:#5B8CFF; --indigo:#8B6BFF;
  --grad:linear-gradient(100deg,#54E6F0 0%,#5B8CFF 50%,#8B6BFF 100%);
  --maxw:800px; --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:"IBM Plex Sans",system-ui,sans-serif; background:var(--bg);
  color:var(--ink); line-height:1.7; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(900px 500px at 80% -10%, rgba(91,140,255,.10), transparent 60%),
    radial-gradient(700px 400px at 4% 110%, rgba(139,107,255,.08), transparent 60%),
    linear-gradient(to right, var(--line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--line) 1px, transparent 1px);
  background-size:auto,auto,48px 48px,48px 48px;
  mask:linear-gradient(to bottom,#000 0,#000 72%,transparent 100%);
  opacity:.45;
}
.wrap{position:relative; z-index:1; width:100%; max-width:var(--maxw); margin:0 auto; padding:0 26px}
a{color:var(--cyan); text-decoration:none; transition:color .2s}
a:hover{color:var(--azure)}

header.nav{position:fixed; top:0; left:0; right:0; z-index:60; border-bottom:1px solid var(--line); background:rgba(7,10,18,.74); backdrop-filter:blur(14px) saturate(140%)}
.nav-in{display:flex; align-items:center; justify-content:space-between; height:66px}
.brand{display:flex; align-items:center; gap:11px; font-family:"Sora",sans-serif; font-weight:700; letter-spacing:-.01em; font-size:1.05rem; color:var(--ink); text-decoration:none}
.brand:hover{color:var(--ink)}
.brand b{color:#fff}
.brand .tld{color:var(--muted); font-weight:500}
.back-link{font-size:.92rem; color:var(--muted); display:flex; align-items:center; gap:6px; text-decoration:none; transition:color .2s}
.back-link:hover{color:var(--ink)}
.back-link svg{width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2}

.content{padding:110px 0 80px}
.content h1{font-family:"Sora",sans-serif; font-weight:700; letter-spacing:-.02em; font-size:clamp(1.8rem,3.5vw,2.4rem); line-height:1.15; margin:0 0 .4rem}
.content .eff-date{color:var(--muted); font-size:.92rem; margin-bottom:2rem}
.content h2{font-family:"Sora",sans-serif; font-weight:600; font-size:1.15rem; color:var(--ink); margin:2.2rem 0 .6rem; letter-spacing:-.01em}
.content p{color:var(--muted); font-size:1rem; margin:0 0 1rem; max-width:68ch}
.content ul{color:var(--muted); margin:0 0 1rem; padding-left:1.4em}
.content ul li{margin-bottom:.5em; font-size:1rem}
.content strong{color:var(--ink)}
.content .email-link{display:inline-block; margin-top:.2rem; font-family:"IBM Plex Mono",monospace; font-size:.95rem; color:var(--cyan)}
.content .email-link:hover{color:var(--azure)}
.content .note{margin-top:2rem; padding:14px 16px; border:1px solid var(--line-2); border-radius:12px; font-size:.9rem; color:var(--muted)}

footer.ft{border-top:1px solid var(--line); padding:32px 0; text-align:center}
footer.ft p{color:var(--muted); font-size:.82rem; margin:0}
footer.ft a{color:var(--muted)}
footer.ft a:hover{color:var(--cyan)}