:root{color-scheme:dark;--bg:#070b1c;--surface:#121831;--surface2:#171b3c;--border:#343b6d;--text:#f8f8ff;--muted:#bcc3dc;--lav:#b39cff;--violet:#755cff;--pink:#e4b3ff;--gold:#ffd7a0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 4%,#2d2458 0%,transparent 32%),radial-gradient(circle at 20% 20%,#151b46 0%,transparent 33%),linear-gradient(#070b1c,#080d24 58%,#070b1c);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:#cbbfff;text-underline-offset:3px}a:hover{color:#fff}.wrap{width:min(1090px,calc(100% - 36px));margin:auto}
header{border-bottom:1px solid rgba(145,127,224,.28);background:rgba(7,11,28,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}
nav{padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:8px;align-items:center;color:#fff;text-decoration:none;font-weight:800;font-size:1.38rem;letter-spacing:-.03em}.brand-mark{color:#c6b5ff;font-size:1.55rem}
nav .links{display:flex;gap:18px;flex-wrap:wrap}nav .links a{font-size:.9rem;text-decoration:none;color:var(--muted)}nav .links a:hover{color:#fff}
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:54px;align-items:center;padding:92px 0 74px}.tag{display:inline-block;border:1px solid #5e548e;background:rgba(48,39,90,.62);color:#dfd6ff;border-radius:999px;padding:7px 14px;font-size:.84rem;font-weight:650}
h1{font-size:clamp(2.6rem,6.8vw,5rem);line-height:.98;letter-spacing:-.06em;margin:25px 0 24px}h1 span{color:#c9bbff}.lead{font-size:clamp(1.05rem,2vw,1.25rem);color:#d0d5e7;max-width:760px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{padding:12px 19px;border-radius:13px;text-decoration:none;font-weight:700}.btn.primary{background:linear-gradient(110deg,#7a60f5,#aa7cff);color:#fff;box-shadow:0 8px 30px rgba(112,84,245,.28)}.btn.ghost{border:1px solid #7067a6;color:#fff;background:rgba(16,21,51,.45)}
.moon-card{width:min(330px,80vw);aspect-ratio:1;border-radius:50%;justify-self:center;position:relative;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.92) 0 16%,rgba(190,167,255,.9) 17% 24%,rgba(116,82,234,.35) 25% 39%,rgba(29,25,85,.65) 40% 56%,transparent 57%),radial-gradient(circle at 53% 52%,#9a7dff 0 2%,transparent 3%);filter:drop-shadow(0 0 28px rgba(144,111,255,.42))}
.moon-card:before{content:"☾";position:absolute;inset:13% 0 0 0;text-align:center;font-size:9rem;line-height:1;color:#f4f1ff;text-shadow:0 0 30px #8c63ff}.power{position:absolute;right:18%;bottom:17%;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#282060;border:3px solid #8d78ff;color:#fff;font-size:3rem;box-shadow:0 0 24px #7d5cff}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:72px}.card{border:1px solid var(--border);background:linear-gradient(145deg,rgba(28,28,66,.95),rgba(13,18,43,.92));border-radius:19px;padding:24px;min-height:175px}.card .glyph{font-size:1.55rem;color:#c9b8ff;font-weight:800}.card h2{font-size:1.08rem;margin:12px 0 7px}.card p{font-size:.94rem;color:var(--muted);margin:0}
.section{padding:49px 0 70px;border-top:1px solid rgba(145,127,224,.25)}.section h2{font-size:1.9rem;line-height:1.25}.section p{max-width:850px;color:var(--muted)}.pillrow{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.pill{border:1px solid #625b91;background:#171938;border-radius:999px;padding:7px 13px;color:#d8d8ee;font-size:.88rem}
.notice{border-left:3px solid #9b7dff;background:rgba(41,32,78,.72);border-radius:0 12px 12px 0;padding:15px 18px;margin:25px 0}.notice p{margin:0;color:#e6e0f7}
.legal{max-width:850px;margin:60px auto 88px}.legal h1{font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.08}.legal h2{font-size:1.2rem;margin:30px 0 9px}.legal p,.legal li{color:#cbd2e4}.legal li{margin-bottom:8px}.legal .date{font-size:.9rem;color:#99a4bf}.legal code{color:#e5dbff;background:#181c39;border:1px solid #343b6d;border-radius:5px;padding:1px 5px}
footer{border-top:1px solid rgba(145,127,224,.25);padding:29px 0}footer .inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px}footer p{margin:0;color:#9fa9c3;font-size:.85rem}footer .links{display:flex;flex-wrap:wrap;gap:16px}footer a{font-size:.87rem}
@media(max-width:760px){nav{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding:62px 0 52px}.moon-card{width:min(280px,74vw)}.grid{grid-template-columns:1fr;padding-bottom:46px}.card{min-height:unset}.legal{margin:40px auto 62px}}

.lang-picker{position:relative;flex:none;margin-left:2px}
.lang-button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:48px;height:38px;padding:0 9px;border:1px solid #4d537e;border-radius:11px;background:rgba(18,24,49,.9);color:#fff;cursor:pointer;font:inherit}
.lang-button:hover,.lang-picker.open .lang-button{border-color:#8d7ae5;background:#1d2347}
.lang-flag{font-size:1.22rem;line-height:1}.lang-caret{font-size:.72rem;color:#aeb7d4}
.lang-menu{display:none;position:absolute;right:0;top:calc(100% + 9px);width:205px;padding:7px;background:#10152e;border:1px solid #3d4676;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.42);z-index:50}
.lang-picker.open .lang-menu{display:grid;gap:2px}
.lang-option{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#d8dded;text-align:left;cursor:pointer;font:inherit;font-size:.9rem}
.lang-option:hover,.lang-option.active{background:#242b55;color:#fff}
.lang-option-flag{font-size:1.15rem;width:24px;text-align:center}
html[dir="rtl"] .lang-menu{right:auto;left:0}
html[dir="rtl"] .lang-option{text-align:right}
@media(max-width:760px){.lang-picker{position:absolute;right:18px;top:13px}.lang-menu{right:0;left:auto}html[dir="rtl"] .lang-picker{right:auto;left:18px}html[dir="rtl"] .lang-menu{left:0;right:auto}}