.mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#7c6cff,#4cc9f0);color:#fff;font-weight:800;box-shadow:0 0 16px #7c6cff88}
.foot{margin-top:60px;border-top:1px solid #ffffff14;background:#0a0d20;color:#aab0e0;font:400 15px/1.6 Sora,system-ui,sans-serif}
.foot-in{max-width:980px;margin:0 auto;padding:36px 20px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px}
.foot h4{margin:0 0 10px;color:#eceeff;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}
.foot a{display:block;color:#aab0e0;text-decoration:none;padding:3px 0}.foot a:hover{color:#fff;text-decoration:underline}
.foot-logo{display:flex;align-items:center;gap:10px;color:#eceeff;margin-bottom:8px}
.foot-bot{max-width:980px;margin:0 auto;padding:14px 20px 28px;border-top:1px solid #ffffff10;font-size:.85rem}
body.page{margin:0;background:radial-gradient(900px 500px at 12% -5%,#3a2f9a55,transparent 60%),radial-gradient(800px 500px at 95% 8%,#0e7c9a44,transparent 60%),#0d1026;background-attachment:fixed;color:#eceeff;font:400 16px/1.7 Sora,system-ui,sans-serif}
.page a{color:#9fb0ff}
.top{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between;padding:12px 20px;background:#0d1026e6;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff14}
.top .logo{display:flex;align-items:center;gap:10px;color:#eceeff;font-weight:800;text-decoration:none}
.top nav{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.top nav a{color:#aab0e0;text-decoration:none;padding:6px 12px;border-radius:99px}.top nav a:hover{color:#fff;background:#ffffff12}
.top nav a.cta,.btn{display:inline-block;background:linear-gradient(135deg,#7c6cff,#4f8bff);color:#fff;border:0;border-radius:10px;padding:10px 18px;font:600 1rem Sora,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 6px 20px #6a5cff55}
.doc{max-width:820px;margin:0 auto;padding:40px 20px 20px}
.doc h1{font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.15;margin:0 0 8px;letter-spacing:-.02em;background:linear-gradient(120deg,#fff 30%,#b8b0ff 70%,#7fe3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.doc h2{font-size:1.3rem;margin:34px 0 8px}.doc h3{margin:16px 0 4px}
.doc p,.doc li{color:#c5cbf0}.lead{font-size:1.15rem;color:#dfe3ff!important}.meta{font-size:.85rem;color:#8a92cc!important}
.doc ul{padding-left:1.2em}
.doc table{border-collapse:collapse;width:100%;font-size:.92rem;margin:10px 0}.doc td,.doc th{padding:8px;border-bottom:1px solid #2d3474;text-align:left;vertical-align:top}.doc code{background:#ffffff14;padding:1px 6px;border-radius:5px}
details{background:#1a1f45cc;border:1px solid #ffffff14;border-radius:12px;padding:4px 16px;margin:10px 0}summary{cursor:pointer;font-weight:600;padding:10px 0}details p{margin:0 0 12px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}
.card{background:linear-gradient(150deg,#1f2658cc,#151a3dcc);border:1px solid #ffffff14;border-radius:14px;padding:20px}
.card label{display:block;margin:12px 0 4px;font-size:.9rem;color:#dfe3ff}
.card input,.card select,.card textarea{width:100%;background:#0d1026;color:#eceeff;border:1px solid #2d3474;border-radius:10px;padding:10px;font:inherit}
.card input:focus,.card select:focus,.card textarea:focus,.page a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid #7c6cff;outline-offset:2px}
.card .btn{margin-top:14px}.note{font-size:.85rem;color:#8a92cc!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}