:root{--bg-dark: #0b0e14;--bg-card: rgba(18, 24, 38, .8);--bg-input: #141c2e;--primary: #00f2fe;--primary-glow: rgba(0, 242, 254, .35);--secondary: #4facfe;--accent-purple: #7f00ff;--accent-neon: #e100ff;--text-main: #f0f4f8;--text-muted: #8a99ad;--border-color: rgba(0, 242, 254, .2);--border-focus: rgba(0, 242, 254, .7);--error-bg: rgba(255, 75, 75, .15);--error-border: rgba(255, 75, 75, .4);--error-text: #ff6b6b;--success-bg: rgba(0, 230, 153, .15);--success-border: rgba(0, 230, 153, .4);--success-text: #00e699;--font-display: "Rajdhani", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;background-image:radial-gradient(circle at 15% 20%,rgba(127,0,255,.15) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(0,242,254,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,#0f1420cc,#0b0e14)}.app-container{width:100%;max-width:440px;padding:24px 16px;perspective:1000px}.auth-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:0 20px 50px #0009,0 0 30px var(--primary-glow);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:3px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent-neon),transparent);animation:shine 4s infinite linear}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.brand-header{text-align:center;margin-bottom:32px}.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#00f2fe33,#7f00ff33);border:1px solid var(--primary);border-radius:16px;font-size:30px;margin-bottom:12px;box-shadow:0 0 15px var(--primary-glow)}.brand-title{font-family:var(--font-display);font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#ffffff 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.auth-tabs{display:flex;background:#0000004d;padding:4px;border-radius:var(--radius-sm);margin-bottom:24px;border:1px solid rgba(255,255,255,.05)}.tab-btn{flex:1;padding:10px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-display);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:6px;transition:all .2s ease}.tab-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#0b0e14;font-weight:700;box-shadow:0 2px 10px var(--primary-glow)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-weight:600}.form-input{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-body);font-size:14px;outline:none;transition:all .25s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow);background:#182238}.btn-submit{width:100%;padding:14px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary) 0%,var(--accent-purple) 100%);color:#fff;font-family:var(--font-display);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00f2fe4d;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00f2fe80;background:linear-gradient(135deg,var(--primary) 0%,var(--accent-neon) 100%)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.profile-card{text-align:center}.profile-avatar{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:36px;font-weight:700;color:#fff;border:2px solid var(--primary);box-shadow:0 0 20px var(--primary-glow)}.profile-name{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:4px}.profile-badge{display:inline-block;padding:4px 12px;background:#00f2fe26;border:1px solid var(--primary);color:var(--primary);border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}.info-group{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:14px;margin-bottom:12px;text-align:left}.info-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{font-size:14px;word-break:break-all;font-weight:500}.btn-secondary{width:100%;padding:12px;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-main);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;margin-top:12px}.btn-secondary:hover{background:#ff4b4b33;border-color:var(--error-border);color:var(--error-text)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}