:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(18, 18, 26, .9);--bg-card-border: rgba(0, 200, 200, .3);--gold: #d4a843;--gold-light: #f0c44a;--gold-dark: #a88534;--cyan: #00c8c8;--cyan-light: #00e5e5;--cyan-dark: #009999;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--font-heading: "Montserrat", sans-serif;--font-body: "Poppins", sans-serif;--shadow-glow-cyan: 0 0 30px rgba(0, 200, 200, .3);--shadow-glow-gold: 0 0 30px rgba(212, 168, 67, .3);--container-padding: 1rem}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,200,200,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,168,67,.05) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 50px,rgba(255,255,255,.01) 50px,rgba(255,255,255,.01) 100px);pointer-events:none;z-index:-1}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;width:20px;height:20px;color:var(--text-muted);pointer-events:none}.input-group input{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);transition:all .3s ease}.input-group input::placeholder{color:var(--text-muted)}.input-group input:focus{outline:none;border-color:var(--gold);background:#d4a8431a;box-shadow:0 0 20px #d4a84333}.input-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ff6b6b;font-size:.85rem;text-align:center;padding:.5rem;background:#ff6b6b1a;border-radius:8px}.success-icon{width:60px;height:60px;color:#4ecdc4}.register-page{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.register-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(212,168,67,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,200,200,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.register-container{width:100%;max-width:400px;position:relative;z-index:1}.register-header{text-align:center;margin-bottom:2rem}.register-brand{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--gold);margin-bottom:.5rem}.register-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.register-subtitle{font-size:1rem;color:var(--text-secondary)}.register-form{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.register-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold))}.register-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--gold),var(--gold-light));border:none;border-radius:12px;font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--bg-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;box-shadow:0 4px 20px #d4a84366;margin-top:.5rem}.register-button:hover{box-shadow:0 6px 30px #d4a84399;transform:translateY(-2px)}.register-button:active{transform:translateY(0)}.register-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.instagram-follow-button{width:100%;padding:1rem;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border:none;border-radius:12px;font-family:var(--font-heading);font-size:1rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 20px #e1306c66}.instagram-follow-button:hover{box-shadow:0 6px 30px #e1306c99;transform:translateY(-2px)}.instagram-follow-button:active{transform:translateY(0)}.instagram-follow-button svg{width:24px;height:24px}.instagram-step{min-height:280px;display:flex;flex-direction:column;justify-content:center}.register-footer{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.instagram-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-size:1rem;transition:color .3s ease}.instagram-link:hover{color:var(--gold)}.instagram-link svg{width:20px;height:20px}.register-note{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.success-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:20px;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.success-card .success-icon{width:80px;height:80px;color:#4ecdc4}.success-card h3{font-family:var(--font-heading);font-size:1.5rem;color:var(--gold)}.success-card p{color:var(--text-secondary);font-size:1rem}@media (max-width: 600px){:root{--container-padding: 1rem}.register-brand{font-size:1.75rem}.register-title{font-size:1.1rem}.input-group input{padding:.875rem .875rem .875rem 2.75rem;font-size:16px}.register-button{padding:.875rem;font-size:.9rem}}