.page-wrapper{color:#fff;background:linear-gradient(#0a0e14,#0f172a,#0a0e14);min-height:100vh}.hero-section{padding:8rem 1rem 5rem;position:relative;overflow:hidden}.hero-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.gradient-blob{filter:blur(80px);opacity:.5;border-radius:50%;width:24rem;height:24rem;position:absolute}.gradient-blob-1{background:#10b9811a;top:25%;left:25%}.gradient-blob-2{background:#0596691a;bottom:25%;right:25%}.hero-container{z-index:10;max-width:1280px;margin:0 auto;position:relative}.hero-content{text-align:center}.hero-title{font-size:4rem;font-weight:700}.hero-title-gradient{background:linear-gradient(90deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:auto;margin-right:auto}.hero-title-gradient img{margin:-200px auto 50px;display:block}.hero-description{color:#cbd5e1;max-width:48rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-buttons{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#10b981,#059669);border:none;border-radius:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{box-shadow:0 25px 50px -12px #f8f413d1}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #334155;border-radius:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:border-color .3s}.btn-secondary:hover{border-color:#fbff21}.hero-preview{max-width:64rem;margin-top:4rem;margin-left:auto;margin-right:auto}.character-card{-webkit-backdrop-filter:blur(12px);background:#1e293b80;border:1px solid #33415580;border-radius:1rem;padding:2rem;box-shadow:0 20px 25px -5px #0000004d}.character-preview{flex-direction:column;align-items:center;gap:2rem;display:flex}.character-avatar{background:linear-gradient(90deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:12rem;height:12rem;font-size:5rem;display:flex;box-shadow:0 25px 50px -12px #a855f74d}.character-details{flex:1;width:100%}.character-name{margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.character-class{color:#94a3b8;margin-bottom:1rem}.xp-section{margin-bottom:.75rem}.xp-header{justify-content:space-between;margin-bottom:.25rem;display:flex}.xp-label,.xp-value{color:#cbd5e1;font-size:.875rem}.xp-bar-container{-webkit-backdrop-filter:blur(4px);background:#33415580;border-radius:9999px;width:100%;height:.75rem;overflow:hidden}.xp-bar{background:linear-gradient(90deg,#02fab0,#6df755);border-radius:9999px;height:100%;transition:width .5s}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:.5rem;display:grid}.stat-item{text-align:center}.stat-label{color:#94a3b8;margin-bottom:.25rem;font-size:.75rem}.stat-value{font-size:1.5rem;font-weight:700}.section{padding:5rem 1rem}.section-alt{background:#0f172a4d}.container{max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-description{color:#94a3b8;font-size:1.25rem}.glass-card{-webkit-backdrop-filter:blur(12px);background:#1e293b80;border:1px solid #33415580;border-radius:.75rem;transition:border-color .3s;box-shadow:0 10px 15px -3px #0000004d}.glass-card:hover{border-color:#fbff0cdd}.steps-grid{grid-template-columns:1fr;gap:2rem;display:grid}.step-card{height:100%;padding:2rem}.step-emoji{margin-bottom:1rem;font-size:3.75rem}.step-number{color:#64748b;margin-bottom:.5rem;font-family:monospace;font-size:.875rem}.step-title{margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.step-description{color:#94a3b8}.class-selector{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.class-card{text-align:center;flex-direction:column;align-items:center;padding:2rem;display:flex}.class-icon{justify-content:center;align-items:center;margin-bottom:1rem;font-size:3.75rem;display:flex}.class-icon img{object-fit:contain;max-width:100%;height:auto}.class-name{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.class-tagline{color:#94a3b8;font-size:.875rem}.class-details-showcase{padding:2rem}.class-showcase-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.class-showcase-icon{font-size:3.75rem}.class-showcase-name{font-size:1.875rem;font-weight:700}.class-showcase-tagline{color:#94a3b8}.class-showcase-content{grid-template-columns:1fr;gap:2rem;display:grid}.showcase-title{color:#cbd5e1;margin-bottom:1rem;font-weight:600}.showcase-list{margin:0;padding:0;list-style:none}.showcase-list li{color:#94a3b8;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.showcase-bullet{color:#a855f7}.showcase-stat{margin-bottom:1rem}.showcase-stat span{color:#cbd5e1;margin-bottom:.5rem;display:block}.showcase-bar-bg{-webkit-backdrop-filter:blur(4px);background:#33415580;border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.showcase-bar{border-radius:9999px;height:100%}.barbarian-gradient{background:linear-gradient(90deg,#10b981,#059669)}.rogue-gradient{background:linear-gradient(90deg,#a855f7,#6366f1)}.paladin-gradient{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.features-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.feature-card{padding:1.5rem}.feature-icon-wrapper{background:linear-gradient(90deg,#10b981,#059669);border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;transition:transform .3s;display:flex}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)}.feature-icon{color:#fff;width:1.5rem;height:1.5rem}.feature-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.feature-description{color:#94a3b8}.cta-container{text-align:center;background:linear-gradient(to bottom right,#10bc0a33,#a855f733);border:1px solid #a855f780;padding:3rem;box-shadow:0 25px 50px -12px #00000080}.cta-title{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-description{color:#cbd5e1;margin-bottom:2rem;font-size:1.25rem}.cta-note{color:#94a3b8;margin-top:1rem;font-size:.875rem}.footer{-webkit-backdrop-filter:blur(4px);border-top:1px solid #33415580;padding:3rem 1rem}.footer-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;display:grid}.footer-logo{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.footer-logo-icon{font-size:1.5rem}.footer-logo-text{font-size:1.25rem;font-weight:700}.footer-tagline{color:#94a3b8;font-size:.875rem}.footer-heading{margin-bottom:.75rem;font-weight:600}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#94a3b8;font-size:.875rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #33415580;padding-top:2rem;font-size:.875rem}@media (min-width:640px){.hero-buttons,.character-preview{flex-direction:row}}@media (min-width:768px){.steps-grid,.class-selector{grid-template-columns:repeat(3,1fr)}.class-showcase-content,.features-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.hero-title{font-size:5rem}.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hero-title{font-size:3rem}.section-title,.cta-title{font-size:2rem}}