:root{--color-bg:#f5f7fb;--color-bg-secondary:#e2e8f0;--color-bg-gradient-start:#fff;--color-bg-gradient-accent:#6366f114;--color-card-bg:#fff;--color-card-border:#0f172a0f;--color-text:#22172e;--color-text-btn:#ece8f0;--color-text-heading:#230f27;--color-text-muted:#64748b;--color-primary:#6366f1;--color-primary-rgb:99, 102, 241;--color-primary-dark:#4f46e5;--color-success:#22c55e;--color-danger:#ef4444;--color-overlay:#0f172a99}.dark-theme{--color-bg:#0f172a;--color-bg-secondary:#020617;--color-bg-gradient-start:#1e293b;--color-bg-gradient-accent:#818cf81f;--color-card-bg:#1f2937;--color-card-border:#ffffff0f;--color-text:#e4e6e7;--color-text-btn:#0f041a;--color-text-heading:#fff;--color-text-muted:#bec4ce;--color-primary:#818cf8;--color-primary-rgb:129, 140, 248;--color-primary-dark:#6366f1;--color-success:#22c55e;--color-danger:#f87171;--color-overlay:#0008}*,:before,:after{box-sizing:border-box}body{color:var(--color-text);background-color:var(--color-bg);min-height:100vh;margin:0;padding:0;font-family:Libre Franklin,sans-serif;font-size:1rem}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0%, var(--color-bg-gradient-accent) 0%, transparent 50%), linear-gradient(rgba(var(--color-primary-rgb), .025) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-primary-rgb), .025) 1px, transparent 1px);background-repeat:no-repeat,repeat,repeat;background-size:auto,60px 60px,60px 60px;position:fixed;inset:0}.app{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.card{color:var(--color-text);background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:20px;width:100%;max-width:480px;transition:all .2s;box-shadow:0 10px 25px #00000014,0 2px 6px #0000000a}.card:hover{transform:translateY(-1px);box-shadow:0 18px 40px #0000001f,0 4px 10px #0000000d}.card-header{color:var(--color-text-heading);border-bottom:1px solid var(--color-card-border);flex-direction:column;justify-content:center;align-items:center;padding:1.25rem 1.5rem;font-size:1.2rem;font-weight:600;display:flex}.card-body{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-primary{background:var(--color-primary);color:var(--color-text-btn)!important}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{background:var(--color-primary);opacity:.6;cursor:not-allowed}.input{border:1px solid var(--color-card-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.text-muted{color:var(--color-text-muted);font-size:.875rem}.text-center{text-align:center}.referral-code{color:var(--color-primary);background:var(--color-bg-secondary);letter-spacing:.1em;-webkit-user-select:all;user-select:all;border-radius:8px;padding:.75rem 1.5rem;font-family:monospace;font-size:1.5rem;font-weight:600}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;display:grid}.stat-item{text-align:center;background:var(--color-bg-secondary);border-radius:12px;padding:1rem}.stat-value{color:var(--color-primary);font-size:1.5rem;font-weight:600}.stat-label{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.error-message{color:var(--color-danger);text-align:center;font-size:.875rem}.success-message{color:var(--color-success);text-align:center;font-size:.875rem}.emoji-icon{margin-bottom:.5rem;font-size:4rem}