:root{--bg:#111719;--panel:#1b2327;--line:#303c41;--text:#f1f0ee;--muted:#99a8ac;--amber:#ecac5c;--violet:#ad8bea;--teal:#6ec8bc;--gradient:linear-gradient(115deg,#dca257,#b076c8)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 15%,#29223b66,transparent 40%),var(--bg);color:var(--text);font:15px/1.7 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--violet);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}header{position:relative;z-index:3;background:#12191de8;border-bottom:1px solid #ffffff0d}.bar{max-width:1260px;margin:auto;min-height:100px;padding:18px 30px;display:flex;align-items:center;gap:27px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:21px;line-height:1.05;letter-spacing:.2px}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted);margin-top:7px}.mark{font-size:53px;line-height:1;color:var(--amber);text-shadow:0 0 25px #bd70e955}nav{display:flex;gap:25px;margin:auto;font-size:14px;font-weight:650}nav a{color:#bdc6c9}nav a:hover,nav a.active{color:var(--text)}nav a.active:after{content:"";display:block;height:2px;margin-top:5px;background:var(--gradient)}.account-link{border:0;background:none;color:#d8ddde;font-size:13px;font-weight:650;padding:10px 0;white-space:nowrap}.button{display:inline-flex;border:0;align-items:center;justify-content:center;gap:12px;border-radius:9px;background:var(--gradient);box-shadow:0 7px 25px #bd70e920;color:#1a1b22;font-size:14px;font-weight:800;padding:14px 24px;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.compact{padding:11px 17px;font-size:12px;white-space:nowrap;border-radius:7px}.hero{height:590px;position:relative;isolation:isolate;background:#15282a url('/site/witchwood-hero.png') center 47%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c171de8,#0d192499 35%,transparent 70%),linear-gradient(0deg,var(--bg),transparent 20%);z-index:-1}.hero-inner{max-width:1260px;margin:auto;padding:83px 30px 0}.eyebrow{color:var(--violet);font-size:10px;letter-spacing:2.5px;font-weight:750;margin:0 0 13px}h1{font-size:57px;line-height:1.12;letter-spacing:-1.6px;margin:0 0 22px;font-weight:850}h2{font-size:29px;line-height:1.3;font-weight:750;margin:0 0 24px}h3{line-height:1.4;margin:0;font-size:20px}.lead{font-size:18px;color:#c1cdd0;line-height:1.7;margin:0 0 26px}.hero-button{display:inline-flex;flex-direction:column;gap:1px;font-size:22px;padding:17px 30px;min-width:320px;border-radius:12px}.hero-button small{font-size:9px;font-weight:800;letter-spacing:.7px;opacity:.8}.hero-bottom{display:flex;align-items:center;gap:36px;margin-top:52px;font-size:10px;color:#b6c5c5;font-weight:700;letter-spacing:1.2px}.hero-index{display:flex;align-items:center;gap:15px}.hero-index i{display:block;width:45px;height:2px;background:var(--gradient)}.layout{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;padding:44px 30px 70px;min-height:650px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-note{font-size:12px;color:var(--muted)}.news-card,.pack-card{border:1px solid #ffffff08;background:var(--panel);border-radius:16px;overflow:hidden;margin-bottom:26px}.news-cover{height:275px;position:relative;background:linear-gradient(90deg,#15282ac9,transparent 80%),url('/site/witchwood-hero.png') center 60%/cover;padding:25px 30px;display:flex;flex-direction:column;justify-content:space-between}.badge{background:#152124b8;border:1px solid #cda76750;align-self:flex-start;border-radius:6px;padding:5px 11px;color:#f2cf97;font-size:10px;letter-spacing:1px;font-weight:750}.news-category{color:var(--violet);font-size:9px;font-weight:750;letter-spacing:2px}.news-cover h3{font-size:30px;line-height:1.15;margin:8px 0 0;color:white;text-shadow:0 2px 15px #0008}.news-body{padding:27px 30px}.news-body p,.small-news p,.article-panel p{color:#adbbbf;font-size:14px}.news-body h3{font-size:21px}.news-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:25px;padding-top:17px;font-size:11px;color:#81949a}.news-footer a{color:var(--amber);font-weight:700}.small-news{padding:28px 30px;border-left:3px solid #9571ba}.small-news h3{margin:10px 0}.text-link{border:0;background:none;color:var(--violet);font-size:13px;padding:0;display:inline-block;cursor:pointer}.text-link:hover{color:#d6c0ff}.side-download{display:flex;align-items:center;padding:21px 20px;gap:15px;background:var(--gradient);color:#1c1d27;border-radius:12px;font-size:14px;font-weight:850;box-shadow:0 8px 28px #ad8bea15;margin:0 0 25px;line-height:1.4}.side-download>span{font-size:35px;font-weight:400}.side-download small{display:block;font-size:8px;letter-spacing:.5px;margin-top:4px;opacity:.8}.side-download b{margin-left:auto;font-size:21px}.monitor{background:var(--panel);border:1px solid #ffffff08;border-radius:14px;padding:24px}.monitor>h3{font-size:19px;margin-bottom:23px}.monitor-server{display:flex;align-items:center;gap:11px}.server-icon{width:40px;height:43px;background:linear-gradient(135deg,#3e3853,#304b47);display:grid;place-items:center;border-radius:9px;color:var(--amber);font-size:27px}.monitor-server strong{display:block;font-size:13px}.monitor-server small{display:block;font-size:10px;color:var(--teal)}.monitor-count{margin-left:auto;text-align:right;line-height:1.4}.monitor-count b{font-size:23px}.monitor-count small{color:var(--muted);font-size:9px}#server-state.offline{color:#c99b95}.server-meter{height:5px;background:#10191d;border-radius:4px;margin:18px 0 11px;overflow:hidden}.server-meter>span{display:block;background:var(--gradient);height:100%;width:0;transition:width .3s}.status-note{color:#85999f;font-size:10px;line-height:1.6;min-height:16px}.server-bottom{border-top:1px solid var(--line);padding-top:12px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.server-bottom code{font:10px Consolas,monospace;color:#b2bec2}.copy{border:0;background:none;color:var(--amber);font-size:21px}.side-story{margin-top:25px;min-height:240px;padding:26px;background:linear-gradient(145deg,#302c3e,#182a2c);border-radius:14px;border:1px solid #ac8ae523}.side-story>span{font-size:32px;color:var(--violet)}.side-story h3{font-size:19px;margin-top:10px}.side-story p{font-size:12px;color:#a4b4b9}.side-story a{color:var(--amber);font-size:12px}.side-note{font-size:10px;line-height:1.8;padding:23px 7px;color:#6e858c}.page-intro{color:var(--muted);margin:-6px 0 30px;font-size:16px}.steps{border-radius:16px;background:var(--panel);padding:0 30px}.steps article{display:flex;gap:25px;padding:32px 0;border-bottom:1px solid var(--line)}.steps article:last-child{border:0}.step-number{font-size:45px;font-weight:800;line-height:1.1;color:#a48dca}.steps h3{font-size:21px}.steps p{font-size:14px;color:#a9b8bc}.steps .button{font-size:12px;padding:11px 17px}.steps .text-link{display:block;margin-top:12px}.pack-cover{min-height:300px;padding:28px 30px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(90deg,#11252ad9,transparent),url('/site/witchwood-hero.png') center/cover}.pack-cover h3{font-size:44px;line-height:1;margin-top:33px}.pack-cover p{font-size:13px;color:#bfcfd1}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tags span{font-size:11px;padding:4px 10px;border-radius:5px;background:#343346;color:#c8b7e5}.muted{color:var(--muted)!important;font-size:12px!important}.download-card{padding:43px 25px;background:linear-gradient(135deg,#243a3c,#342b48);border:1px solid #a98fcd30;border-radius:15px;text-align:center}.download-symbol{font-size:53px;color:var(--amber);line-height:1.5}.download-card h3{font-size:25px}.download-card p{color:#b5c3ca;font-size:14px}.download-card small{display:block;margin-top:15px;color:#91a4af;font-size:11px}.article-panel{padding:28px 30px;margin:24px 0;border:1px solid #ffffff08;background:var(--panel);border-radius:14px}.profile-heading{display:flex;align-items:center;gap:18px}.avatar{height:65px;width:65px;display:grid;place-items:center;background:#3f3555;font-size:35px;color:var(--amber);border-radius:10px}.role-badge{color:var(--violet);font-size:12px}footer{background:#0d1417;border-top:1px solid #ffffff08}.footer-inner{max-width:1260px;margin:auto;padding:38px 30px;display:flex;align-items:center;gap:40px}footer .brand{font-size:17px}footer .brand .mark{font-size:38px}footer p{font-size:10px;color:#71858c;line-height:1.8;margin-left:auto}footer nav{font-size:12px;font-weight:400}dialog{padding:0;border:1px solid #798c8c35;border-radius:20px;background:var(--panel);color:var(--text);width:760px;max-width:calc(100% - 32px);box-shadow:0 30px 100px #000a;overflow:hidden}dialog[open]{display:grid;grid-template-columns:290px 1fr}dialog::backdrop{background:#061014c9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:14px;top:9px;background:none;border:0;color:#99adb5;font-size:28px;z-index:1;width:32px}.auth-art{background:linear-gradient(0deg,#121e28dd,#172a3333),url('/site/witchwood-hero.png') 68% center/auto 100%;padding:30px;display:flex;flex-direction:column}.auth-art .mark{margin-bottom:auto}.auth-art h2{font-size:31px;margin:110px 0 15px;line-height:1.2}.auth-art p{font-size:12px;color:#c7d3d5}.auth-content{padding:38px}.auth-content h2{font-size:25px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{background:none;border:0;color:var(--muted);font-size:12px;padding:0 0 10px}.tabs button[aria-selected=true]{color:var(--violet);border-bottom:2px solid var(--violet)}label{display:block;margin:15px 0 6px;font-size:12px;color:#adbdc5}input{width:100%;border:1px solid #40505a;border-radius:8px;background:#121c21;color:#e8ebed;padding:11px 13px;font-size:14px}input::placeholder{color:#617b86}.full{width:100%;margin-top:22px}.form-message{color:#e7bc8d;font-size:12px;line-height:1.5;margin-top:13px}.account-note{color:#7e959e;font-size:10px;margin-top:22px}.logout{margin-left:20px}body.modal-open{overflow:hidden}
@media(max-width:1000px){.bar{gap:18px}nav{gap:17px;font-size:12px}.brand{font-size:17px}.compact{display:none}.layout{grid-template-columns:minmax(0,1fr) 290px;gap:25px}.side-download{font-size:12px;padding:20px 17px}.monitor{padding:20px}.monitor-server{gap:8px}.monitor-server strong{font-size:12px}h1{font-size:52px}.hero{background-position:57% center}}@media(max-width:720px){.bar{padding:17px 20px;min-height:85px;flex-wrap:wrap;gap:13px}.brand{font-size:17px}.brand .mark{font-size:40px}.account-link{margin-left:auto;font-size:12px}header nav{order:3;width:100%;justify-content:space-between;font-size:12px}.hero{height:530px;background-position:63% center}.hero-shade{background:linear-gradient(90deg,#0c171def,#0d192499 65%,#0d192433),linear-gradient(0deg,var(--bg),transparent 30%)}.hero-inner{padding:65px 22px 0}h1{font-size:45px}.lead{font-size:15px}.hero-button{min-width:270px;font-size:20px}.hero-bottom{margin-top:45px;font-size:8px;gap:15px}.layout{display:flex;flex-direction:column;padding:28px 20px 45px}.main-column{min-width:0}aside{display:grid;grid-template-columns:1fr;gap:20px}.side-download{margin:0}.side-story,.side-note{display:none}.section-heading h2{font-size:24px}.section-note{font-size:10px}.news-cover{height:240px;padding:22px}.news-body,.small-news,.article-panel{padding:23px}.news-body h3{font-size:19px}.steps{padding:0 22px}.steps article{gap:17px}.step-number{font-size:33px}.steps h3{font-size:19px}.footer-inner{flex-wrap:wrap;gap:24px;padding:28px 22px}footer nav{margin:0;flex-wrap:wrap}footer p{margin:0;width:100%}dialog[open]{grid-template-columns:1fr}.auth-art{display:none}.auth-content{padding:32px 26px}.eyebrow{font-size:9px;letter-spacing:2px}.logout{display:block;margin:20px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}