:root{--bg-abyss:#070b14;--bg-deep:#0b1120;--bg-mid:#0f1a2e;--bg-card:#0b1120bf;--ocean-dark:#0d2137;--ocean-mid:#163a5f;--ocean-light:#1e5f8a;--ocean-glow:#2896b8;--gold:#c9a84c;--gold-soft:#b89a42;--gold-glow:#c9a84c40;--text-bright:#e8ecf2;--text-main:#b8c0d0;--text-dim:#6b7a94;--font-epic:"Cinzel", serif;--font-body:"Inter", sans-serif;--transition-smooth:cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-abyss);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-epic);color:var(--text-bright);line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{z-index:1000;width:100%;transition:all .5s var(--transition-smooth);background:0 0;justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);background:#070b14eb;border-bottom:1px solid #1e5f8a26;padding:12px 40px;box-shadow:0 4px 30px #0006}.navbar-logo{filter:brightness(.9);height:48px;transition:filter .3s}.navbar-logo:hover{filter:brightness(1.1)}.navbar-links{gap:32px;list-style:none;display:flex}.navbar-links a{font-family:var(--font-epic);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);font-size:.85rem;text-decoration:none;transition:color .3s;position:relative}.navbar-links a:after{content:"";background:var(--gold);width:0;height:1px;transition:width .4s var(--transition-smooth);position:absolute;bottom:-4px;left:0}.navbar-links a:hover{color:var(--gold)}.navbar-links a:hover:after{width:100%}.hero{justify-content:center;align-items:center;width:100%;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-bg-layer{will-change:transform;transition:transform .1s linear;position:absolute;inset:0;overflow:hidden}.hero-bg-layer video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.hero-fog-top{background:linear-gradient(to bottom, var(--bg-abyss) 0%, transparent 100%);z-index:2;width:100%;height:40%;position:absolute;top:0;left:0}.hero-fog-bottom{background:linear-gradient(to top, var(--bg-abyss) 0%, transparent 100%);z-index:2;width:100%;height:55%;position:absolute;bottom:0;left:0}.hero-vignette{background:radial-gradient(ellipse at center, transparent 40%, var(--bg-abyss) 100%);z-index:2;position:absolute;inset:0}.hero-content{z-index:10;text-align:center;max-width:750px;padding:0 20px;position:relative}.hero-logo-img{filter:drop-shadow(0 4px 30px #0009);width:min(400px,80vw);margin-bottom:30px;animation:8s ease-in-out infinite heroLogoFloat}@keyframes heroLogoFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-12px)rotate(.3deg)}75%{transform:translateY(6px)rotate(-.3deg)}}.hero-tagline{font-family:var(--font-epic);color:var(--text-bright);letter-spacing:3px;margin-bottom:16px;font-size:clamp(1.8rem,4vw,3rem);font-weight:400}.hero-tagline .gold{color:var(--gold)}.hero-desc{color:var(--text-dim);max-width:550px;margin:0 auto 40px;font-size:1.15rem;font-weight:300}.hero-cta{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn{font-family:var(--font-epic);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .4s var(--transition-smooth);border-radius:3px;align-items:center;gap:10px;padding:16px 36px;font-size:.95rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity .4s;position:absolute;inset:0}.btn-gold{background:linear-gradient(135deg, var(--gold-soft), var(--gold));color:var(--bg-abyss);box-shadow:0 4px 20px var(--gold-glow);border:none;font-weight:700}.btn-gold:hover{box-shadow:0 8px 40px var(--gold-glow), 0 0 0 1px var(--gold);transform:translateY(-3px)}.btn-ghost{color:var(--text-main);border:1px solid var(--ocean-mid);background:0 0}.btn-ghost:hover{border-color:var(--ocean-light);color:var(--text-bright);background:#1e5f8a1a;transform:translateY(-3px)}.wave-divider{width:100%;margin-top:-1px;line-height:0;display:block}.wave-divider svg{width:100%;height:80px;display:block}.reveal{opacity:0;transition:opacity .9s var(--transition-smooth), transform .9s var(--transition-smooth);transform:translateY(60px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .9s var(--transition-smooth), transform .9s var(--transition-smooth);transform:translate(-80px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .9s var(--transition-smooth), transform .9s var(--transition-smooth);transform:translate(80px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .9s var(--transition-smooth), transform .9s var(--transition-smooth);transform:scale(.85)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children .reveal:first-child{transition-delay:0s}.stagger-children .reveal:nth-child(2){transition-delay:.15s}.stagger-children .reveal:nth-child(3){transition-delay:.3s}.stagger-children .reveal:nth-child(4){transition-delay:.45s}.section{padding:120px 0;position:relative}.section-header{text-align:center;margin-bottom:70px}.section-label{font-family:var(--font-epic);letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:.8rem;display:block}.section-title{color:var(--text-bright);margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-line{background:linear-gradient(90deg, var(--gold), var(--ocean-light));border:none;width:60px;height:2px;margin:0 auto}.lore-section{background:var(--bg-deep)}.lore-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.lore-chapter-label{font-family:var(--font-epic);letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:.75rem}.lore-chapter-title{color:var(--text-bright);margin-bottom:24px;font-size:2.2rem;font-weight:700}.lore-text p{color:var(--text-main);text-align:justify;margin-bottom:18px;font-size:1.05rem}.lore-highlight{font-family:var(--font-epic);color:var(--gold);letter-spacing:1px;margin-top:30px;font-size:1.15rem;font-style:italic;display:block}.lore-image-wrapper{border-radius:6px;position:relative;overflow:hidden}.lore-image-wrapper img{width:100%;transition:transform 1.2s var(--transition-smooth);border-radius:6px;display:block}.lore-image-wrapper:hover img{transform:scale(1.04)}.lore-image-wrapper:before{content:"";z-index:2;pointer-events:none;border:1px solid #1e5f8a40;border-radius:6px;position:absolute;inset:0}.lore-image-wrapper:after{content:"";background:linear-gradient(to top, var(--bg-deep), transparent);z-index:2;pointer-events:none;width:100%;height:40%;position:absolute;bottom:0;left:0}.classes-section{background:var(--bg-abyss)}.classes-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.class-card{cursor:default;border:1px solid #1e5f8a1f;border-radius:6px;height:650px;transition:border-color .5s;position:relative;overflow:hidden}.class-card:hover{border-color:#1e5f8a59}.class-card-bg{transition:transform 1.5s var(--transition-smooth);background-position:top;background-size:cover;position:absolute;inset:0}.class-card:hover .class-card-bg{transform:scale(1.06)}.class-card-overlay{background:linear-gradient(to top, var(--bg-abyss) 0%, #070b1499 50%, #070b1433 100%);z-index:1;position:absolute;inset:0}.class-card-content{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;padding:40px;display:flex;position:relative}.class-race-label{font-family:var(--font-epic);letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:.7rem}.class-name{color:var(--text-bright);margin-bottom:4px;font-size:2.2rem;font-weight:700}.class-subtitle{color:var(--ocean-glow);font-size:1rem;font-family:var(--font-epic);letter-spacing:1px;margin-bottom:20px;font-weight:400}.class-description{color:var(--text-main);margin-bottom:24px;font-size:1rem;line-height:1.8}.class-stats-bar{opacity:0;transition:all .6s var(--transition-smooth);flex-direction:column;gap:10px;display:flex;transform:translateY(20px)}.class-card:hover .class-stats-bar{opacity:1;transform:translateY(0)}.stat-row{align-items:center;gap:12px;display:flex}.stat-label{font-family:var(--font-epic);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);min-width:100px;font-size:.75rem}.stat-bar-bg{background:#ffffff0f;border-radius:2px;flex:1;height:4px;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg, var(--ocean-mid), var(--gold));transform-origin:0;height:100%;transition:transform 1s var(--transition-smooth);border-radius:2px;transform:scaleX(0)}.class-card:hover .stat-bar-fill{transform:scaleX(1)}.classic-classes-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.classic-card{background:var(--bg-card);transition:all .5s var(--transition-smooth);border:1px solid #1e5f8a1a;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.classic-card:hover{border-color:#c9a84c4d;transform:translateY(-8px);box-shadow:0 12px 40px #00000080}.classic-card-img-wrapper{width:100%;height:280px;position:relative;overflow:hidden}.classic-card-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%;transition:transform 1.2s var(--transition-smooth)}.classic-card:hover .classic-card-img{transform:scale(1.08)}.classic-card-img-wrapper:after{content:"";background:linear-gradient(to top, var(--bg-card), transparent);pointer-events:none;width:100%;height:50%;position:absolute;bottom:0;left:0}.classic-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.classic-race-tag{font-family:var(--font-epic);letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:.65rem}.classic-card-name{color:var(--text-bright);margin-bottom:2px;font-size:1.6rem;font-weight:700}.classic-card-sub{font-family:var(--font-epic);color:var(--ocean-glow);letter-spacing:1px;margin-bottom:14px;font-size:.85rem}.classic-card-desc{color:var(--text-main);flex:1;margin-bottom:20px;font-size:.92rem;line-height:1.7}.classic-stats{flex-direction:column;gap:8px;margin-top:auto;display:flex}.classic-stat{align-items:center;gap:10px;display:flex}.classic-stat span{font-family:var(--font-epic);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);min-width:90px;font-size:.65rem}.mini-bar{background:#ffffff0d;border-radius:2px;flex:1;height:3px;overflow:hidden}.mini-bar>div{background:linear-gradient(90deg, var(--ocean-mid), var(--gold-soft));transform-origin:0;height:100%;transition:transform 1.2s var(--transition-smooth);border-radius:2px;transform:scaleX(0)}.classic-card:hover .mini-bar>div{transform:scaleX(1)}.features-section{background:var(--bg-deep)}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.feature-card{background:var(--bg-card);text-align:center;transition:all .5s var(--transition-smooth);border:1px solid #1e5f8a1a;border-radius:6px;padding:48px 32px;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gold);opacity:0;width:40px;height:2px;transition:all .5s var(--transition-smooth);position:absolute;top:0;left:50%;transform:translate(-50%)}.feature-card:hover:before{opacity:1;width:80px}.feature-card:hover{background:#0f1a2ed9;border-color:#1e5f8a40;transform:translateY(-8px)}.feature-icon-wrapper{border:1px solid #1e5f8a33;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:2rem;transition:all .5s;display:flex}.feature-card:hover .feature-icon-wrapper{border-color:var(--gold);box-shadow:0 0 20px var(--gold-glow)}.feature-card h3{letter-spacing:2px;color:var(--text-bright);margin-bottom:14px;font-size:1.15rem}.feature-card p{color:var(--text-dim);font-size:.95rem}.cta-section{text-align:center;background:var(--bg-abyss);padding:140px 0;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#1e5f8a14,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-title{color:var(--text-bright);margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.cta-subtitle{color:var(--text-dim);margin-bottom:40px;max-width:500px;margin-inline:auto;font-size:1.1rem}.footer{text-align:center;background:#050810;border-top:1px solid #1e5f8a14;padding:40px 24px}.footer p{color:var(--text-dim);letter-spacing:1px;font-size:.8rem}.particles-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.navbar,.hero,.section,.wave-divider,.cta-section,.footer{z-index:1;position:relative}@media (width<=950px){.lore-layout{grid-template-columns:1fr;gap:40px}.classes-grid,.classic-classes-grid,.features-grid{grid-template-columns:1fr}.navbar-links{display:none}.class-card{height:550px}}