@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--heading:"Outfit", system-ui, -apple-system, sans-serif;--bg-dark:#070709;--bg-card:#121218a6;--border-glass:#ffffff12;--border-active:#7950f266;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:#7950f2;--accent-glow:#7950f259;--accent-hover:#8c66ff;--success:#10b981;--success-glow:#10b98140;--shadow-premium:0 30px 70px -10px #0009, inset 0 1px 0 #ffffff1a;--shadow-glow:0 0 40px var(--accent-glow)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--sans);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(140px);opacity:.15;z-index:-1;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}body:before{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);top:-10%;left:-10%}body:after{background:radial-gradient(circle,#f59f00 0%,#0000 70%);bottom:-10%;right:-10%}#root{flex-direction:column;align-items:center;width:100%;max-width:560px;padding:24px 16px;display:flex}.onboard-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);width:100%;box-shadow:var(--shadow-premium);border-radius:30px;transition:border-color .4s,box-shadow .4s;animation:.7s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;overflow:hidden}.onboard-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-premium), var(--shadow-glow)}.cover-container{background:linear-gradient(135deg,#1e1e24 0%,#0d0d11 100%);width:100%;height:220px;position:relative;overflow:hidden}.cover-img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.onboard-card:hover .cover-img{transform:scale(1.03)}.cover-overlay{background:linear-gradient(#07070900 10%,#07070966 50%,#121218 100%);position:absolute;inset:0}.brand-identity-row{z-index:2;text-align:center;flex-direction:column;align-items:center;margin-top:-60px;padding:0 24px;display:flex;position:relative}.logo-wrapper{background:#111116;border:3px solid #ffffff14;border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:16px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden;box-shadow:0 15px 30px #00000080}.logo-wrapper img{object-fit:cover;width:100%;height:100%}.logo-fallback{font-size:38px}.onboard-card:hover .logo-wrapper{border-color:var(--accent);transform:translateY(-5px)scale(1.04)}.brand-title{font-family:var(--heading);letter-spacing:-.5px;color:var(--text-primary);margin-bottom:6px;font-size:28px;font-weight:800;line-height:1.2}.brand-location{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;background:#7950f21f;border:1px solid #7950f233;border-radius:20px;align-items:center;gap:4px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.card-body{flex-direction:column;gap:20px;padding:16px 28px 28px;display:flex}.profile-details-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.detail-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;padding:12px}.detail-item.full-width{grid-column:span 2}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700}.detail-value{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.4}.hero-message-bubble{color:var(--text-secondary);text-align:center;background:#7950f20a;border:1px dashed #7950f240;border-radius:16px;padding:16px;font-size:13px;font-style:italic;line-height:1.5;position:relative}.activate-button{background:linear-gradient(135deg, var(--accent) 0%, #6330eb 100%);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 10px 25px -5px #7950f266,inset 0 1px #fff3}.activate-button:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);transform:translateY(-2px);box-shadow:0 15px 30px -5px #7950f2a6,0 0 15px #7950f259}.activate-button:active:not(:disabled){transform:translateY(0)}.activate-button:disabled{opacity:.6;cursor:not-allowed}.success-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 32px;display:flex}.success-icon-wrapper{width:80px;height:80px;box-shadow:0 0 30px var(--success-glow);background:#10b9811f;border:1px solid #10b98140;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-size:40px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards scaleBounce;display:flex}.success-title{font-family:var(--heading);margin-bottom:12px;font-size:26px;font-weight:800}.success-desc{color:var(--text-secondary);max-width:380px;margin-bottom:32px;font-size:14px;line-height:1.6}.redirect-notice{color:var(--text-muted);margin-top:16px;font-size:11px}.spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.error-banner{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:14px;width:100%;padding:12px 16px;font-size:13px;font-weight:600}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:250px;display:flex}.logo-footer{font-family:var(--heading);color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-top:24px;font-size:13px;font-weight:800}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}
