@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--gaming-dark: #0a0e27;--gaming-navy: #141b3c;--gaming-blue: #1e3a8a;--gaming-green: #10b981;--gaming-purple: #8b5cf6;--gaming-cyan: #06b6d4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,var(--gaming-dark) 0%,var(--gaming-navy) 50%,var(--gaming-blue) 100%);color:#fff;min-height:100vh;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.container-wide{max-width:1400px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.hidden{display:none}.block{display:block}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-32{padding-top:8rem;padding-bottom:8rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pb-16{padding-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mt-20{margin-top:5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-10>*+*{margin-top:2.5rem}.space-y-12>*+*{margin-top:3rem}.gradient-bg{background:linear-gradient(135deg,var(--gaming-dark) 0%,var(--gaming-navy) 50%,var(--gaming-blue) 100%);position:relative;overflow:hidden}.gradient-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(6,182,212,.05) 0%,transparent 50%);pointer-events:none}.gaming-gradient{background:linear-gradient(135deg,var(--gaming-green) 0%,var(--gaming-purple) 50%,var(--gaming-blue) 100%);position:relative}.gaming-gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.gaming-gradient:hover:before{opacity:1}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d;position:relative}.glass-effect:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.btn-primary{background:linear-gradient(135deg,var(--gaming-green) 0%,var(--gaming-purple) 100%);color:#fff;font-weight:600;padding:1rem 2.5rem;border-radius:12px;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 20px #10b9814d;position:relative;overflow:hidden;font-size:1rem;text-decoration:none;display:inline-block;text-align:center}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #10b98166}.btn-primary:hover:before{left:100%}.btn-secondary{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600;padding:1rem 2.5rem;border-radius:12px;transition:all .3s ease;cursor:pointer;font-size:1rem;text-decoration:none;display:inline-block;text-align:center;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn-secondary:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 32px #ffffff1a}.btn-secondary:hover:before{left:100%}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e27e6;border-bottom:1px solid rgba(255,255,255,.1);height:80px}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:1rem;text-decoration:none;transition:all .3s ease}.nav-logo:hover .logo-icon{transform:scale(1.1)}.logo-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gaming-green) 0%,var(--gaming-purple) 50%,var(--gaming-blue) 100%);transition:transform .3s ease}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--gaming-green) 0%,var(--gaming-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-link{color:#fffc;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;font-weight:500}.nav-link:hover{color:var(--gaming-green);background:#ffffff1a}.nav-link.active{color:#fff}.mobile-menu-btn{display:none}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(2rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;letter-spacing:-.01em}.text-gradient{background:linear-gradient(135deg,var(--gaming-green) 0%,var(--gaming-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:2.5rem;border-radius:20px;transition:all .4s ease;position:relative;overflow:hidden;height:100%}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.feature-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.05) 0%,transparent 70%);transform:scale(0);transition:transform .4s ease;pointer-events:none}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #10b98133;border-color:#10b9814d}.feature-card:hover:after{transform:scale(1)}.feature-icon{font-size:3rem;margin-bottom:2rem;transition:all .3s ease}.feature-card:hover .feature-icon{animation:bounce-slow 2s ease-in-out infinite}.stats-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:2rem;border-radius:16px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gaming-green),var(--gaming-purple),var(--gaming-cyan))}.stats-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #0003}.stats-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;animation:glow 3s ease-in-out infinite}.stats-label{color:#fffc;font-weight:500}.game-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:1.5rem;border-radius:16px;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.game-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 45px #10b98133;border-color:#10b9814d}.game-card:hover:before{transform:translate(100%)}.game-emoji{font-size:3rem;margin-bottom:1rem;transition:all .3s ease}.game-card:hover .game-emoji{animation:bounce-slow 2s ease-in-out infinite}.step-circle{width:4rem;height:4rem;background:linear-gradient(135deg,var(--gaming-green) 0%,var(--gaming-purple) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;position:relative;margin:0 auto 1.5rem;box-shadow:0 8px 32px #10b9814d}.step-circle:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,var(--gaming-green),var(--gaming-purple),var(--gaming-cyan));z-index:-1;opacity:0;transition:opacity .3s ease}.step-circle:hover:before{opacity:1}.cta-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:4rem;border-radius:24px;position:relative;overflow:hidden}.cta-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gaming-green),var(--gaming-purple),var(--gaming-cyan))}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-bg-effect{position:absolute;border-radius:50%;filter:blur(60px)}.hero-bg-1{top:25%;left:25%;width:16rem;height:16rem;background:#10b9811a;animation:pulse-slow 4s ease-in-out infinite}.hero-bg-2{bottom:25%;right:25%;width:20rem;height:20rem;background:#8b5cf61a;animation:pulse-slow 4s ease-in-out infinite;animation-delay:1s}.hero-bg-3{top:50%;left:50%;width:24rem;height:24rem;background:#1e3a8a0d;transform:translate(-50%,-50%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-20px)}}@keyframes pulse-slow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #10b9814d}50%{box-shadow:0 0 40px #10b98199}}.text-white{color:#fff}.text-white-80{color:#fffc}.text-white-60{color:#fff9}.text-green{color:var(--gaming-green)}.text-purple{color:var(--gaming-purple)}.text-blue{color:var(--gaming-blue)}.text-red{color:#ef4444}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.border-t{border-top:1px solid rgba(255,255,255,.1)}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.z-10{z-index:10}.z-50{z-index:50}.enhanced-form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.enhanced-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gaming-green),var(--gaming-purple),var(--gaming-cyan))}.form-header{position:relative;text-align:center;margin-bottom:2rem}.form-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;position:relative;z-index:2}.form-header-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:60px;background:radial-gradient(ellipse,rgba(16,185,129,.2) 0%,transparent 70%);filter:blur(20px);z-index:1}.status-message{padding:1rem 1.5rem;border-radius:16px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-weight:600;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;animation:slideInDown .5s ease-out}.success-message{background:#10b9811a;border-color:#10b9814d;color:var(--gaming-green)}.error-message{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.status-icon{font-size:1.25rem;font-weight:700}.enhanced-form{position:relative}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-group{position:relative}.form-group.full-width{grid-column:1 / -1}.input-container{position:relative;display:flex;align-items:flex-start}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.125rem;z-index:3;opacity:.7;transition:all .3s ease}.enhanced-input,.enhanced-select,.enhanced-textarea{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:16px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;font-size:1rem;transition:all .3s ease;outline:none;position:relative;z-index:2}.enhanced-input::placeholder,.enhanced-textarea::placeholder{color:#ffffff80}.enhanced-textarea{resize:none;min-height:120px;padding-top:1.25rem}.enhanced-input:focus,.enhanced-select:focus,.enhanced-textarea:focus{border-color:var(--gaming-green);background:#ffffff14;box-shadow:0 0 0 4px #10b9811a;transform:translateY(-2px)}.enhanced-input:focus+.floating-label,.enhanced-select:focus+.floating-label,.enhanced-textarea:focus+.floating-label,.floating-label.active{top:-8px;left:.75rem;font-size:.75rem;color:var(--gaming-green);background:linear-gradient(135deg,var(--gaming-dark) 0%,var(--gaming-navy) 100%);padding:0 .5rem;border-radius:8px}.floating-label{position:absolute;left:3rem;top:50%;transform:translateY(-50%);color:#fff9;font-size:1rem;font-weight:500;transition:all .3s ease;pointer-events:none;z-index:3;background:transparent}.enhanced-select{cursor:pointer}.enhanced-select option{background:var(--gaming-dark);color:#fff;padding:.5rem}.enhanced-submit-btn{width:100%;padding:1.25rem 2rem;border-radius:16px;border:none;background:linear-gradient(135deg,var(--gaming-green) 0%,var(--gaming-purple) 100%);color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;transform-style:preserve-3d}.enhanced-submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #10b98166}.enhanced-submit-btn:active{transform:translateY(-1px)}.enhanced-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-content{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:2}.btn-icon{font-size:1.25rem}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.enhanced-submit-btn:hover .btn-glow{left:100%}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:1rem}.enhanced-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.enhanced-input,.enhanced-select,.enhanced-textarea{padding:.875rem .875rem .875rem 2.5rem;font-size:.95rem}.input-icon{left:.75rem;font-size:1rem}.floating-label{left:2.5rem;font-size:.95rem}.enhanced-input:focus+.floating-label,.enhanced-select:focus+.floating-label,.enhanced-textarea:focus+.floating-label,.floating-label.active{font-size:.7rem;left:.5rem}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-btn{display:block}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(1,1fr)}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-cols-6{grid-template-columns:repeat(3,1fr)}.feature-card{padding:2rem}.btn-primary,.btn-secondary{padding:.875rem 2rem;font-size:.95rem}.stats-card{padding:1.5rem}.cta-container{padding:2rem}.hero-section{padding:2rem 0}.flex-col{flex-direction:column!important}}@media (min-width: 769px){.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-grid-cols-4{grid-template-columns:repeat(4,1fr)}.md-block{display:block}.md-flex{display:flex}}