:root{--bg:#09070b;--bg2:#100c13;--card:#151018;--line:#3a2a32;--text:#eee6dc;--muted:#a79890;--gold:#d8a84e;--gold2:#f0d58a;--red:#7a1d2a;--green:#56d69a;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.02;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:5px 5px;z-index:999}.site-header{position:fixed;top:0;left:0;right:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(9,7,11,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,168,78,.13);z-index:50}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.12em;text-decoration:none;color:var(--text)}.brand b{color:var(--gold)}.brand-mark{width:34px;height:34px;border:1px solid var(--gold);display:grid;place-items:center;border-radius:50%;color:var(--gold)}nav{display:flex;gap:22px}nav a{font-size:13px;color:#c7bab2;text-decoration:none;transition:.2s}nav a:hover{color:var(--gold2)}.header-actions{display:flex;gap:10px;align-items:center}.menu-toggle{display:none;background:transparent;border:0;color:var(--text);font-size:24px}select{background:#161019;color:var(--text);border:1px solid #47343e;border-radius:10px;padding:9px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #604b3c;border-radius:11px;background:linear-gradient(180deg,#20161b,#120d11);font-weight:700;font-size:13px;color:var(--text);text-decoration:none;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 30px rgba(216,168,78,.1)}.btn.primary{background:linear-gradient(180deg,#d6ac5b,#946324);color:#170f08;border-color:#f0d58a}.btn.ghost{background:transparent}.btn.small{min-height:36px;padding:0 13px}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1.2fr .7fr;gap:48px;align-items:center;padding:130px 8vw 80px;overflow:hidden}.hero-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,5,8,.94),rgba(7,5,8,.68) 48%,rgba(7,5,8,.38)),linear-gradient(180deg,#25151d,#0d0a0e 60%,#070608)}.moon-large{position:absolute;width:44vw;height:44vw;border-radius:50%;right:-8vw;top:3vh;background:radial-gradient(circle at 35% 30%,#eccf9d,#7e4e55 48%,#20131a 70%);opacity:.62;box-shadow:0 0 120px rgba(177,68,73,.18)}.mountain{position:absolute;bottom:-4%;width:65%;height:50%;clip-path:polygon(0 100%,45% 8%,100% 100%);background:#151018}.layer1{left:35%}.layer2{right:-10%;height:40%;background:#0e0b10}.castle-silhouette{position:absolute;right:18%;bottom:13%;font-size:140px;color:#070608;text-shadow:0 0 40px #000}.hero-content{max-width:820px}.eyebrow{font-size:12px;letter-spacing:.24em;color:var(--gold);font-weight:800;margin-bottom:18px}.hero h1{font-family:Georgia,serif;font-size:clamp(58px,8.5vw,125px);line-height:.82;letter-spacing:-.04em;margin:0;color:#f2e8db}.hero h1 em{font-style:normal;color:var(--gold)}.hero h2{font-family:Georgia,serif;font-size:clamp(26px,3vw,48px);font-weight:400;color:var(--gold2);margin:28px 0 12px}.hero p{max-width:720px;color:#c0b1aa;line-height:1.75;font-size:17px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.server-card{background:linear-gradient(180deg,rgba(29,20,25,.92),rgba(13,10,13,.94));border:1px solid rgba(216,168,78,.25);border-radius:20px;padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.45)}.server-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #36262f;font-weight:800}.online{color:var(--green);font-size:12px;display:flex;align-items:center;gap:8px}.online i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.server-grid div{padding:16px;background:#0e0b0f;border:1px solid #2d2228;border-radius:12px}.server-grid small{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.server-grid strong{font-size:15px}.section{padding:100px 8vw}.section.alt{background:linear-gradient(180deg,#0e0a0f,#120d13)}.section-title{max-width:820px;margin:0 auto 44px;text-align:center}.section-title>span{font-size:11px;color:var(--gold);letter-spacing:.25em;font-weight:800}.section-title h3,.split h3,.cta h3{font-family:Georgia,serif;font-size:clamp(34px,4vw,58px);margin:10px 0 12px;font-weight:500}.section-title p,.split p,.cta p{color:var(--muted);line-height:1.7}.feature-grid,.class-grid,.boss-grid,.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.class-card,.boss-card,.news-card{background:linear-gradient(180deg,#171118,#0e0b0f);border:1px solid #31232b;border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.feature-card:before,.class-card:before,.boss-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.35}.feature-icon{font-size:28px;color:var(--gold)}.feature-card h4,.class-card h4,.boss-card h4,.news-card h4{margin:16px 0 8px;font-size:18px}.feature-card p,.class-card p,.boss-card p,.news-card p{color:var(--muted);line-height:1.6;font-size:14px}.class-card{min-height:245px;padding-top:108px}.class-card:after{content:"";position:absolute;top:20px;right:20px;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d9ae62,#43252f 44%,#111 66%);box-shadow:0 0 50px rgba(216,168,78,.12)}.class-role{color:var(--gold);font-size:12px;letter-spacing:.08em}.world-map{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch}.map-art{min-height:460px;border:1px solid #3b2932;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(180deg,#241826,#19111b 48%,#0d0a0f)}.map-moon{position:absolute;width:150px;height:150px;border-radius:50%;right:11%;top:12%;background:radial-gradient(circle at 35% 30%,#f3dcb4,#aa8061 50%,#5c3b45 70%);box-shadow:0 0 70px rgba(220,171,108,.17)}.ridge{position:absolute;bottom:-10px;width:58%;height:62%;background:#171018;clip-path:polygon(0 100%,50% 0,100% 100%)}.r1{left:-5%}.r2{right:-7%;height:48%;background:#100d12}.map-castle{position:absolute;bottom:18%;left:47%;font-size:80px;color:#050405}.zone-list{display:flex;flex-direction:column;gap:10px}.zone{padding:18px;border:1px solid #35262e;border-radius:14px;background:#130e13;display:grid;grid-template-columns:1fr auto;gap:6px}.zone strong{font-size:15px}.zone small{color:var(--muted);font-size:12px}.zone em{font-style:normal;color:var(--gold);font-size:12px}.boss-level{display:inline-block;background:#25161c;border:1px solid #5c3743;padding:5px 8px;border-radius:8px;font-size:11px;color:#e8c7b0}.boss-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.boss-meta div{background:#0c090d;border:1px solid #2c2027;border-radius:10px;padding:10px}.boss-meta small{display:block;color:#786d68}.boss-meta b{font-size:13px;color:var(--gold2)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.check{padding:14px 16px;border:1px solid #33242c;background:#120d12;border-radius:11px;font-size:13px}.check:before{content:"✓";color:var(--gold);margin-right:10px}.idle-visual{min-height:420px;display:grid;place-items:center;position:relative}.idle-orb{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#8f6a42,#34202a 42%,#0a080b 68%);box-shadow:0 0 90px rgba(216,168,78,.15)}.idle-orb span{font-size:74px;color:#f4dca3}.orbit{position:absolute;border:1px solid rgba(216,168,78,.28);border-radius:50%}.o1{width:290px;height:290px}.o2{width:380px;height:380px}.profession-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.profession{padding:26px 12px;border-radius:14px;border:1px solid #33242c;background:#130e13;text-align:center;font-size:13px}.profession:before{content:"◆";display:block;color:var(--gold);font-size:24px;margin-bottom:10px}.ranking-wrap{max-width:920px;margin:auto;border:1px solid #382832;border-radius:18px;overflow:hidden;background:#100c10}.rank-tabs{display:flex;overflow:auto;border-bottom:1px solid #32242b}.rank-tabs button{flex:1;min-width:120px;background:transparent;color:#ab9b93;border:0;padding:16px;font-weight:700}.rank-tabs button:first-child{color:var(--gold);background:#181117}.rank-row{display:grid;grid-template-columns:60px 1fr 90px 120px;align-items:center;padding:16px 20px;border-bottom:1px solid #241b20}.rank-row:last-child{border:0}.rank-row strong:first-child{color:var(--gold)}.rank-row span{color:var(--muted);font-size:13px}.news-card small{color:var(--gold);font-weight:800;letter-spacing:.08em}.roadmap-grid{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.road{border:1px solid #35262d;background:#120e12;border-radius:12px;padding:16px;display:flex;gap:10px}.road b{color:var(--green)}.road:nth-child(n+5) b{color:var(--gold)}.faq-list{max-width:900px;margin:auto}.faq{border-bottom:1px solid #33252d}.faq button{width:100%;padding:20px 0;background:transparent;border:0;color:var(--text);font:inherit;font-weight:700;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.faq p{max-height:0;overflow:hidden;margin:0;color:var(--muted);line-height:1.6;transition:.25s}.faq.open p{max-height:200px;padding-bottom:20px}.cta{margin:60px 8vw 100px;padding:50px;border:1px solid rgba(216,168,78,.28);border-radius:24px;background:radial-gradient(circle at 90% 20%,rgba(152,46,64,.22),transparent 30%),linear-gradient(180deg,#1c1319,#0e0b0f);display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h3{margin-top:0}.cta p{margin-bottom:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}footer{padding:40px 8vw 60px;border-top:1px solid #2b2026;display:grid;gap:12px;color:var(--muted)}footer .brand{color:var(--text)}footer p{margin:0}@media(max-width:1000px){nav{position:absolute;top:74px;left:0;right:0;display:none;flex-direction:column;padding:22px;background:#0e0a0f;border-bottom:1px solid #33252d}.site-header.open nav{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:120px}.server-card{max-width:620px}.feature-grid,.class-grid,.boss-grid,.news-grid{grid-template-columns:1fr 1fr}.world-map,.split{grid-template-columns:1fr}.profession-grid{grid-template-columns:repeat(3,1fr)}.roadmap-grid{grid-template-columns:1fr 1fr}.cta{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.site-header{padding:0 16px}.brand{font-size:12px}.header-actions .btn{display:none}.section{padding:72px 18px}.hero{padding:110px 18px 60px}.hero h1{font-size:54px}.hero-buttons{display:grid}.hero-buttons .btn{width:100%}.server-grid{grid-template-columns:1fr}.feature-grid,.class-grid,.boss-grid,.news-grid{grid-template-columns:1fr}.profession-grid{grid-template-columns:1fr 1fr}.check-list{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:42px 1fr 60px 82px;font-size:12px}.cta{margin:30px 18px 70px;padding:30px 22px}.cta-actions{width:100%;display:grid}.cta-actions .btn{width:100%}}