/* Homepage sections */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#0e243b;color:white;min-height:calc(100svh - var(--header-height))}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#091c30ef 5%,#0d2740c9 40%,#183c5830 75%),linear-gradient(0deg,#0b2036 0%,transparent 50%),url('../img/art/guild-hall.webp') center 42%/cover}.hero-inner{min-height:calc(100svh - var(--header-height));display:flex;align-items:center;position:relative}.hero-copy{z-index:2;max-width:680px;padding:55px 0 95px}.hero .eyebrow{color:#a9d2f0;display:flex;align-items:center;gap:13px}.hero .eyebrow span{width:22px;height:1px;background:#80c8fa}.hero h1{font-size:clamp(42px,4.7vw,68px);letter-spacing:-2px;font-weight:500;line-height:1.3;margin:22px 0}.hero h1 em{font-style:normal;color:#b7defb;text-shadow:0 3px 25px #67b5ec25}.hero-description{font-size:14px;line-height:2;color:#b7cbdf;font-weight:300;margin-bottom:32px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions .button{min-width:148px}.hero-caption{font-size:8px;color:#809db7;letter-spacing:2.5px;margin-top:31px;display:flex;align-items:center;gap:12px}.diamond{width:6px;height:6px;background:#a0d6ff;transform:rotate(45deg)}.hero-character{position:absolute;width:1120px;max-width:none;right:-260px;bottom:0;pointer-events:none;filter:drop-shadow(0 16px 25px #07111dcc);z-index:1}.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2.2px;color:#a9c5dc;display:flex;gap:16px;align-items:center;z-index:3}.scroll-hint span{font-size:19px}.news-section{background:linear-gradient(#f1f5f9,#e9f0f7)}.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;padding:24px}.news-card{min-width:0;border:1px solid #c8d9e8;border-radius:5px;background:white;overflow:hidden;transition:transform .2s,box-shadow .2s}.news-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #38658c18}.news-image{aspect-ratio:1.65;position:relative;display:block;background:#17354e;overflow:hidden}.news-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.news-card:hover .news-image img{transform:scale(1.04)}.news-image span{position:absolute;bottom:0;left:0;background:#153450e8;color:#d2eaff;font-size:8px;letter-spacing:1.5px;padding:6px 12px}.news-body{padding:19px}.category-label{font-size:10px;color:#6495bc}.news-body h3{font-size:15px;margin:7px 0 10px}.news-body p{font-size:11px;color:#7c8fa4;line-height:1.9;min-height:44px}.card-read{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f6;margin-top:18px;padding-top:13px;font-size:10px;color:#4a7fac}.card-read .icon{height:16px;width:16px}.classes-section{background:linear-gradient(120deg,#101f32f5,#1d3c57e8),url('../img/art/guild-hall.webp') center/cover}.class-window{box-shadow:0 18px 50px #0003}.class-layout{display:grid;grid-template-columns:210px minmax(0,1fr)}.class-selector{background:#e9f0f7;padding:13px;border-right:1px solid #c4d7e8;display:flex;flex-direction:column;gap:5px}.class-tab{display:flex;gap:10px;align-items:center;text-align:left;background:#f8fbfe;border:1px solid #cedcea;border-radius:4px;font-size:11px;padding:9px 10px;min-height:40px;color:#67829c}.class-tab.active{background:linear-gradient(#528bc1,#326ca5);color:white;border-color:#5484af;box-shadow:inset 0 1px #c0ddf259}.class-tab-icon .icon{width:18px;height:18px;display:block}.class-chevron{margin-left:auto;color:#97b3cc}.class-tab.active .class-chevron{color:#d9efff}.class-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;background:radial-gradient(ellipse at 26% 55%,#dcecf8 0%,#f5f9fc 57%);min-width:0}.class-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.class-art img{position:relative;width:100%;height:100%;object-fit:contain;z-index:1}.class-halo{position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #9bc7e49c;box-shadow:inset 0 0 0 15px #eff8ff88,0 0 70px #b0dafa88}.class-halo:after{content:'';position:absolute;inset:28px;border:1px dashed #9fc4df;border-radius:50%}.class-info{padding:35px 35px 35px 5px;min-width:0}.class-info h3{font-size:32px;line-height:1.2;margin:16px 0;color:#254966;font-family:Georgia,var(--font);font-weight:400}.class-info>p:not(.eyebrow){font-size:12px;color:#6e87a0;margin-bottom:24px;line-height:2}.adjustment-box{border:1px solid #ccdeec;background:#ffffffb8;border-radius:5px;margin:23px 0;padding:17px}.adjustment-box h4{display:flex;gap:8px;align-items:center;font-size:12px}.adjustment-box h4 .icon{height:16px;width:16px;color:#5c9ace}.adjustment-box p{font-size:11px;margin-top:12px;color:#8296a8}.guide-section{background:#f4f7fb}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.guide-card{position:relative;border:1px solid #bfd2e4;border-radius:6px;background:linear-gradient(145deg,#fff,#eaf2fa);padding:27px 25px;box-shadow:inset 0 0 0 4px #ffffff90;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-5px);border-color:#609cca}.guide-no{position:absolute;top:16px;right:18px;font:10px Georgia;color:#9aafc2;letter-spacing:2px}.guide-emblem{height:60px;width:60px;display:grid;place-items:center;border:1px solid #aecbe4;box-shadow:inset 0 0 0 4px #f8fcff;background:linear-gradient(#f8fcff,#d3e7f8);border-radius:12px;color:#498bbd;margin-bottom:28px;transform:rotate(-3deg)}.guide-emblem .icon{width:29px;height:29px;transform:rotate(3deg)}.guide-card .eyebrow{font-size:8px;letter-spacing:1.5px}.guide-card h3{font-size:18px;margin:9px 0}.guide-card>p:not(.eyebrow){font-size:11px;color:#7b90a5}.guide-link{margin-top:26px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#407cae}.guide-link .icon{height:17px;width:17px}.community-section{background:linear-gradient(90deg,#112a42f5,#163957df),url('../img/art/guild-hall.webp') center 62%/cover;color:#c7dded;border-top:1px solid #4c759249}.community-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;padding-block:68px}.community-inner h2{font-size:34px;margin:14px 0 18px;color:#f2f8ff}.community-inner h2 span{font-weight:400;color:#a2c5df}.community-inner p:not(.eyebrow){font-size:12px;color:#99b5cc}.community-links{display:grid;gap:15px}.social-card{padding:25px 27px;border:1px solid #779bbb8c;border-radius:6px;display:flex;align-items:center;gap:22px;background:linear-gradient(120deg,#244f7699,#102d49b3);box-shadow:inset 0 1px #c0dfff22;color:#e0effb;text-align:left;transition:background .2s,transform .2s}.social-card:hover{background:#245277;transform:translateX(4px)}.social-icon{height:52px;width:52px;border:1px solid #89b0d073;border-radius:50%;display:grid;place-items:center;background:#afdfff0a;flex-shrink:0}.social-icon .icon{width:27px;height:27px}.social-card small{font-size:10px;color:#a1bed5;display:block}.social-card strong{font-size:23px;font-weight:500;letter-spacing:.5px;display:block}.social-arrow{margin-left:auto;font-size:24px;font-weight:300;color:#8eb5d5}