/* ZEYR2 refinement: aligned typography and interactive Metin2 class gallery. */
:root{--reading:62ch;--section-gap:88px}
.hero h1,.page-intro h1{text-wrap:balance;letter-spacing:-.025em}.hero p{max-width:52ch;margin:22px auto 28px;line-height:1.65;text-wrap:balance}.hero h1{line-height:1.16}.hero-actions{align-items:stretch;justify-content:center}.hero-actions .button{min-width:174px;justify-content:center}.page-intro{text-align:center}.page-intro p{max-width:var(--reading);margin:22px auto 0;text-wrap:balance;line-height:1.7}.section-heading{align-items:center}.section-heading p{margin-bottom:0;line-height:1.6}.panel p,.news-row p{line-height:1.7}.panel h3{line-height:1.25}.lower-grid>.panel{display:flex;flex-direction:column}.lower-grid>.panel>.text-link,.lower-grid>.panel>.button{margin-top:auto;align-self:flex-start}.product{display:flex;flex-direction:column}.product p{flex:1;line-height:1.65}.product-bottom{margin-top:24px}.ribbon>div{align-items:center}.ribbon strong{line-height:1.35}.ribbon span{line-height:1.5}.news-meta{gap:18px}.news-row h3{line-height:1.3}.footer-inner{align-items:center}.footer-links{align-items:center}.section-heading h2,.class-heading h2{text-wrap:balance}.class-showcase{margin-bottom:var(--section-gap)}.class-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px}.class-heading>div{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;flex:1}.class-heading h2{font-size:38px;line-height:1.2}.class-heading p{color:#acbbaf;margin:0;font-size:17px;line-height:1.75}.class-caption{color:#80998b;font-size:12px;white-space:nowrap;padding-bottom:6px}.class-stage{position:relative;overflow:hidden;isolation:isolate;border:1px solid #8eb49a44;background:#09120e;box-shadow:0 24px 70px #0005}.class-scenery{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07110cec,#07110c90 55%,#07110ca8),url('assets/metin2/village.jpg') center 37%/cover;animation:village-drift 22s ease-in-out infinite alternate}.class-stage:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#a1edba,transparent);transform-origin:left;animation:edge-breathe 5s ease-in-out infinite;pointer-events:none}.class-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#040b08a8;border-bottom:1px solid #99cfa230}.class-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;min-height:78px;padding:16px;border:0;border-right:1px solid #99cfa21a;color:#9db1a2;background:transparent;transition:background .3s,color .3s}.class-tabs button:last-child{border-right:0}.class-tabs img{border-radius:50%;filter:saturate(.35);opacity:.7;transition:filter .3s,opacity .3s}.class-tabs button[aria-selected=true]{color:#e2f2df;background:linear-gradient(0deg,#689c7435,transparent)}.class-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;height:2px;left:20%;right:20%;background:#b3eab2;box-shadow:0 0 20px #7feb92;animation:tab-line .5s ease-out}.class-tabs button[aria-selected=true] img{opacity:1;filter:saturate(1)}.class-tabs button:hover{background:#89c79915;color:#e7f0e1}.class-panel{min-height:310px;display:grid;grid-template-columns:240px 1fr;align-items:center;padding:48px 64px;gap:45px}.class-portrait{width:190px;height:190px;position:relative;display:grid;place-items:center;margin:auto;animation:portrait-entry .65s ease-out}.class-portrait:before{content:'';position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,var(--class-color),transparent 65%);opacity:.2;filter:blur(20px);animation:aura-breathe 4s ease-in-out infinite}.class-portrait img{position:relative;border-radius:50%;width:116px;height:116px;object-fit:cover;box-shadow:0 0 35px #000b;border:1px solid #c6dfad77}.class-orbit{position:absolute;inset:0;border:1px solid #bdd8b02b;border-radius:50%;border-top-color:var(--class-color);border-bottom-color:var(--class-color);animation:orbit 18s linear infinite}.class-orbit:before{content:'';position:absolute;inset:13px;border:1px dashed #bdd8b048;border-radius:50%}.class-orbit:after{content:'';position:absolute;width:7px;height:7px;background:var(--class-color);border-radius:50%;left:24px;top:24px;box-shadow:0 0 20px var(--class-color)}.class-copy{max-width:54ch;animation:class-entry .5s ease-out}.class-role{color:var(--class-color);font-size:14px}.class-copy h3{font-size:44px;margin:10px 0 18px;line-height:1.15}.class-copy p{color:#c5cec2;line-height:1.75;margin:0 0 22px}.class-paths{font-size:14px;color:#ddd9b8;border-top:1px solid #bccfa52b;padding-top:16px}.class-disclaimer{color:#8c9f90;font-size:12px;margin:0;padding:0 40px 22px;text-align:center}.ambient-rays{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1;mix-blend-mode:screen}.ambient-rays i{position:absolute;left:10%;top:-25%;width:7%;height:145%;background:linear-gradient(90deg,transparent,#a3e6bb09,transparent);transform:rotate(24deg);filter:blur(9px);animation:ray-drift 17s ease-in-out infinite alternate}.ambient-rays i:nth-child(2){left:50%;animation-delay:-7s;animation-duration:23s;width:12%}.ambient-rays i:nth-child(3){left:85%;animation-delay:-12s}.mist{opacity:.38;animation-duration:16s}.mist.two{opacity:.32;animation-duration:23s}.button.primary{position:relative;overflow:hidden;box-shadow:0 0 25px #65b77618}.button.primary:after{content:'';position:absolute;inset:-100% -70%;background:linear-gradient(110deg,transparent 45%,#ffffff38 50%,transparent 55%);transform:translateX(-70%);animation:button-sheen 7s ease-in-out infinite;pointer-events:none}.hero-foot .diamond{animation:orbit 12s linear infinite}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:#b2e7b2;box-shadow:0 0 12px #8fea9e;transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}.hero-logo{animation:logo-arrive 1.3s ease-out}.nav-account{transition:border-color .3s,box-shadow .3s}.nav-account:hover{border-color:#9bcbaa;box-shadow:inset 0 0 25px #8fe7a518}.realm-card{transition:transform .4s,border-color .4s}.realm-card:hover{transform:translateY(-6px);border-color:#9bd3a8}.dialog[open]{animation:class-entry .3s ease-out}.motion-off .ambient-rays{display:none}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes village-drift{to{transform:scale(1.06) translateX(-1%)}}@keyframes aura-breathe{50%{opacity:.45;transform:scale(1.2)}}@keyframes edge-breathe{50%{opacity:.35;transform:scaleX(.6)}}@keyframes tab-line{from{transform:scaleX(0)}}@keyframes portrait-entry{from{opacity:0;transform:scale(.87)}to{opacity:1;transform:scale(1)}}@keyframes class-entry{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}@keyframes ray-drift{to{transform:rotate(15deg) translateX(100%);opacity:.4}}@keyframes button-sheen{0%,65%{transform:translateX(-70%)}90%,100%{transform:translateX(70%)}}@keyframes logo-arrive{from{opacity:0;filter:blur(5px);transform:scale(.97)}to{opacity:1;filter:blur(0);transform:none}}
@media(max-width:1000px){.class-caption{display:none}.class-panel{padding:35px;grid-template-columns:190px 1fr;gap:25px}.class-heading>div{gap:25px}.class-heading h2{font-size:33px}}
@media(max-width:760px){:root{--section-gap:52px}.hero-actions .button{min-width:0}.hero p{margin:18px auto 25px}.class-heading>div{grid-template-columns:1fr;gap:16px}.class-heading h2{font-size:32px}.class-heading p{font-size:16px}.class-tabs button{flex-direction:column;gap:7px;padding:12px 5px;font-size:13px;min-height:90px}.class-tabs img{width:34px;height:34px}.class-panel{grid-template-columns:1fr;padding:30px 24px;gap:26px;min-height:485px}.class-portrait{width:150px;height:150px}.class-portrait img{width:96px;height:96px}.class-copy{text-align:center;margin:auto}.class-copy h3{font-size:35px}.class-copy p{font-size:16px;text-wrap:pretty}.class-disclaimer{padding:0 24px 22px;line-height:1.6}.section-heading{align-items:flex-start;gap:16px}.section-heading .text-link{margin-top:6px}.hero-logo{max-width:100vw}.footer-inner{align-items:flex-start}.ambient-rays i{width:18%}}
@media(prefers-reduced-motion:reduce){.ambient-rays{display:none}.class-scenery,.class-orbit,.class-portrait:before,.button.primary:after{animation:none}.class-copy,.class-portrait{animation:none}}