:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eef2ff;background:#070914;--bg:#070914;--panel:#101527;--soft:#171d33;--line:#2b3450;--muted:#97a3c1;--violet:#8b72ff;--cyan:#62dcff;--green:#62ddb1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{position:relative;min-height:100vh;margin:0;overflow-x:hidden;background:#070914;line-height:1.7}
body:before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,9,20,.2),rgba(7,9,20,.9) 78%),url('/assets/animeticket-atmosphere.png') center top/cover no-repeat;opacity:.66}
body:after{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 82% 8%,rgba(111,80,224,.2),transparent 30%);background-size:46px 46px,46px 46px,auto;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.content-header,.content-shell,.article,.content-footer{z-index:1}
.content-shell,.article,.content-footer{position:relative}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.content-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 max(22px,5vw);border-bottom:1px solid #ffffff10;background:#070914df;backdrop-filter:blur(20px)}
.content-logo{display:flex;align-items:center;gap:10px;font-weight:850}
.content-logo i,.content-logo img{display:block;width:38px;height:38px;border:1px solid rgba(152,132,255,.35);border-radius:12px;background:#111729 url('/assets/animeticket-bot-icon.png') center/cover no-repeat;object-fit:cover;box-shadow:0 8px 28px rgba(88,67,196,.34)}
.content-logo i{overflow:hidden;color:transparent;font-size:0}
.content-nav{display:flex;align-items:center;gap:24px;color:#b5bfd8;font-size:13px}
.content-nav a:hover{color:white}
.content-cta{padding:9px 14px;border:1px solid #7560d8;border-radius:10px;background:#7460df25;color:#dcd6ff}
.content-shell{width:min(1240px,92vw);margin:auto}
.content-hero{position:relative;padding:92px 0 70px;overflow:hidden}
.content-hero:before{content:"";position:absolute;z-index:-1;right:-12%;top:-170px;width:660px;height:660px;border-radius:50%;background:radial-gradient(circle,#684de038,transparent 65%)}
.breadcrumb{color:#7885a7;font-size:11px}
.breadcrumb a{color:#a799ff}
.content-hero h1{max-width:900px;margin:18px 0;font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em}
.content-hero h1 em{font-style:normal;color:#9b87ff}
.content-hero>p{max-width:760px;color:#aeb8d1;font-size:17px}
.search-box{position:relative;max-width:720px;margin-top:30px}
.search-box input{width:100%;padding:17px 20px 17px 50px;border:1px solid #3b4563;border-radius:15px;background:#101526;color:white;outline:none;box-shadow:0 18px 60px #0004}
.search-box:before{content:"⌕";position:absolute;left:19px;top:12px;color:#9d8aff;font-size:23px}
.search-box input:focus{border-color:#8972f4;box-shadow:0 0 0 4px #8068ea22,0 18px 60px #0004}
.docs-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px;padding-bottom:100px}
.docs-sidebar{position:sticky;top:94px;height:max-content;padding:18px;border:1px solid var(--line);border-radius:16px;background:#0e1322}
.docs-sidebar b{display:block;margin:8px 8px 13px;color:#697795;font-size:10px;letter-spacing:.14em}
.docs-sidebar a{display:block;padding:9px 10px;border-radius:9px;color:#aeb8d0;font-size:12px}
.docs-sidebar a:hover{background:#ffffff08;color:white}
.docs-main{min-width:0}
.doc-section{padding:30px;margin-bottom:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#141a2c,#0d1220);scroll-margin-top:95px}
.doc-section[hidden]{display:none}
.doc-section h2{margin:0 0 10px;font-size:27px}
.doc-section h3{margin:27px 0 8px;color:#d8ddef}
.doc-section p,.doc-section li{color:#aab5cf}
.doc-section code{padding:2px 6px;border-radius:5px;background:#080c16;color:#b7a9ff}
.callout{margin:18px 0;padding:15px 17px;border-left:3px solid var(--violet);border-radius:4px 10px 10px 4px;background:#7962de12;color:#cbd2e4}
.callout.good{border-color:var(--green)}
.steps-list{counter-reset:steps;display:grid;gap:10px;padding:0;list-style:none}
.steps-list li{position:relative;padding:15px 15px 15px 52px;border:1px solid #2a334a;border-radius:12px;background:#0b101d}
.steps-list li:before{counter-increment:steps;content:counter(steps);position:absolute;left:14px;top:13px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#8068e8;color:white;font-weight:800}
.feature-index,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.feature-index a,.blog-card{display:block;padding:21px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#151b2e,#0d1220);transition:.2s}
.feature-index a:hover,.blog-card:hover{border-color:#7664ce;transform:translateY(-3px)}
.feature-index i{font-style:normal;font-size:23px;color:#9a86ff}
.feature-index b,.feature-index span{display:block}
.feature-index span,.blog-card p{color:var(--muted);font-size:12px}
.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;padding-bottom:100px}
.legal-main section{padding:28px;margin-bottom:15px;border:1px solid var(--line);border-radius:18px;background:#101526}
.legal-main h2{margin-top:0}
.legal-main p,.legal-main li{color:#aeb8cf}
.legal-note{position:sticky;top:94px;height:max-content;padding:22px;border:1px solid #52488a;border-radius:16px;background:#15152c}
.blog-grid{padding-bottom:90px}
.blog-card{min-height:240px}
.blog-card small,.article-meta{color:#8e7aff;font-size:10px;letter-spacing:.1em}
.blog-card h2{font-size:20px;line-height:1.3}
.blog-card .read{color:#a997ff;font-size:12px}
.article{width:min(820px,90vw);margin:auto;padding:70px 0 110px}
.article h1{font-size:clamp(38px,6vw,62px);line-height:1.05;letter-spacing:-.045em}
.article h2{margin-top:45px;font-size:28px}
.article h3{margin-top:30px}
.article p,.article li{color:#adb8d0}
.article .lead{font-size:19px;color:#d0d6e6}
.article-toc{padding:20px;border:1px solid var(--line);border-radius:14px;background:#101526}
.article-toc a{display:block;color:#b6a8ff;font-size:13px}
.content-footer{overflow:hidden;border-top:1px solid rgba(143,122,255,.2);background:linear-gradient(180deg,rgba(9,12,24,.94),rgba(5,7,15,.99));backdrop-filter:blur(20px)}
.content-footer:before{content:"";position:absolute;right:-120px;top:-180px;width:520px;height:420px;border-radius:50%;background:rgba(92,69,207,.16);filter:blur(90px);pointer-events:none}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;width:min(1240px,92vw);margin:auto;padding:50px 0}
.footer-grid p,.footer-grid a{display:block;color:#8490ac;font-size:12px}
.footer-grid a{margin:8px 0}
.footer-grid a:hover{color:white}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:min(1240px,92vw);margin:auto;padding:20px 0;border-top:1px solid #ffffff0d;color:#78849f;font-size:11px}
.footer-bottom a{color:#b9abff;font-weight:750}
.empty-search{padding:30px;text-align:center;color:#8995b2}
@media(max-width:900px){.content-nav a:not(.content-cta){display:none}
.docs-layout,.legal-layout{grid-template-columns:1fr}
.docs-sidebar,.legal-note{position:static}
.docs-sidebar{display:flex;overflow:auto}
.docs-sidebar b{display:none}
.docs-sidebar a{white-space:nowrap}
.feature-index,.blog-grid{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){.content-header{height:64px}
.content-hero{padding:65px 0 45px}
.content-hero h1{font-size:42px}
.feature-index,.blog-grid,.footer-grid{grid-template-columns:1fr}
.doc-section,.legal-main section{padding:21px}
.content-nav{gap:8px}
.content-nav .content-cta{padding:7px 10px}
.content-logo span{font-size:14px}
.content-logo i,.content-logo img{width:35px;height:35px;border-radius:10px}
.footer-bottom{align-items:flex-start;flex-direction:column}
}