:root{--bg-color:#050505;--surface-color:#1a1a1a;--surface-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-primary:#8a2be2;--accent-secondary:#ff007f;--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--danger-color:#f33;--border-radius:16px;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Outfit,Inter,-apple-system,sans-serif;line-height:1.6;display:flex}#root{flex-direction:column;flex-grow:1;display:flex}h1,h2,h3{font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #8a2be24d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a2be280}.btn-secondary{background:var(--surface-color);color:var(--text-primary);border:1px solid #ffffff1a}.btn-secondary:hover{background:var(--surface-hover)}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.input-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input,.textarea{width:100%;color:var(--text-primary);transition:var(--transition);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.input:focus,.textarea:focus{border-color:var(--accent-primary);background-color:#ffffff14;outline:none}.card{background:var(--surface-color);border-radius:var(--border-radius);border:1px solid #ffffff0d;padding:2rem;box-shadow:0 10px 30px #00000080}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{width:100%;max-width:400px}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}.error-msg{color:var(--danger-color);margin-top:-1rem;margin-bottom:1rem;font-size:.875rem}@media (width<=768px){h1{font-size:2rem}.card{padding:1.5rem}}.video-container{background-color:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.video-container video{object-fit:contain;max-width:100%;max-height:100%}.video-loading{flex-direction:column;align-items:center;gap:1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border:4px solid #ffffff1a;border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spinner}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}