*{margin:0;padding:0;box-sizing:border-box}html{width:100%;overflow-x:hidden}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f172a 0%,#1e293b 30%,#0f172a 60%,#1e293b 100%);min-height:100vh;color:#ffffff;margin:0;padding:0;width:100%;overflow-x:hidden}body.auth-page{display:flex;align-items:center;justify-content:center;padding:20px}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(37,99,235,0.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(30,64,175,0.08) 0%,transparent 50%);z-index:-1;pointer-events:none}.container{background:rgba(255,255,255,0.1);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.2);border-radius:20px;padding:40px;width:100%;max-width:500px;box-shadow:0 25px 45px rgba(0,0,0,0.2);color:#ffffff;margin:0 auto}.homepage-container{width:100%;margin:0;padding:0}.step-container{max-width:600px;margin:0 auto}.logo{text-align:center;margin-bottom:40px}.logo h1{font-size:28px;font-weight:700;color:#ffffff;margin-bottom:8px}.logo p{color:#a0a0a0;font-size:14px}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;font-weight:500;color:#e0e0e0}input[type="text"],input[type="email"],input[type="tel"],input[type="password"]{width:100%;padding:15px;border:1px solid rgba(255,255,255,0.2);border-radius:12px;background:rgba(255,255,255,0.1);color:#ffffff;font-size:16px;transition:all 0.3s ease}input:focus{outline:none;border-color:#667eea;background:rgba(255,255,255,0.15);box-shadow:0 0 20px rgba(102,126,234,0.3)}input::placeholder{color:#a0a0a0}.btn{padding:15px 30px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);color:white}.btn-secondary{background:rgba(255,255,255,0.1);color:#e0e0e0;border:1px solid rgba(255,255,255,0.2)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,0.4)}.btn.full-width{width:100%;margin-bottom:20px}.alert{padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert.error{background:rgba(244,67,54,0.2);border:1px solid rgba(244,67,54,0.3);color:#ffcdd2}.alert.success{background:rgba(76,175,80,0.2);border:1px solid rgba(76,175,80,0.3);color:#c8e6c9}.alert.info{background:rgba(33,150,243,0.2);border:1px solid rgba(33,150,243,0.3);color:#bbdefb}.alert.warning{background:rgba(255,193,7,0.2);border:1px solid rgba(255,193,7,0.3);color:#fff3cd}.links{text-align:center;margin-top:30px}.links a{color:#667eea;text-decoration:none;font-weight:500}.links a:hover{text-decoration:underline}@media (max-width:768px){body{padding:10px}.container{margin:0;padding:30px;width:100%;max-width:none}.logo h1{font-size:24px}}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.hidden{display:none}