:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--text-dark:#1a202c;--text-gray:#718096;--bg-light:#f7fafc;--white:#fff;--radius:12px;--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--input-border:#e2e8f0;--input-focus:#667eea}.login-wrapper *{box-sizing:border-box}.login-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;min-height:85vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-light);position:relative;overflow:hidden;padding:20px}.login-bg-circle{position:absolute;border-radius:50%;filter:blur(60px);z-index:0;opacity:.15}.circle-1{top:-50px;left:-50px;width:300px;height:300px;background:var(--primary-gradient)}.circle-2{bottom:-50px;right:-50px;width:400px;height:400px;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e53 100%)}.login-card{background:var(--white);width:100%;max-width:450px;padding:40px;border-radius:var(--radius);box-shadow:var(--shadow-lg);position:relative;z-index:10;text-align:center}.login-header{margin-bottom:30px}.login-header h1{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin:0}.social-buttons{display:flex;gap:15px;margin-bottom:25px}.btn-social{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--input-border);border-radius:8px;background:#fff;color:var(--text-dark);text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s}.btn-social:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.05)}.btn-social svg{margin-right:8px;width:20px;height:20px}.divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--text-gray);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid var(--input-border)}.divider::before{margin-right:10px}.divider::after{margin-left:10px}.form-group{margin-bottom:20px;text-align:left}.input-field{width:100%;padding:12px 15px;border:2px solid var(--input-border);border-radius:8px;font-size:1rem;transition:.3s;outline:0;color:var(--text-dark);background:#fff}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.btn-submit{width:100%;padding:14px;background:var(--primary-gradient);color:#fff;border:0;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s;box-shadow:0 4px 12px rgba(118,75,162,.3)}.btn-submit:hover{opacity:.95;transform:translateY(-2px)}.form-footer{margin-top:25px;display:flex;justify-content:space-between;font-size:.9rem}.form-footer a{color:var(--text-gray);text-decoration:none;transition:color .2s}.form-footer a:hover{color:#667eea}.dn{display:none}.message{padding:10px;margin-bottom:20px;background:#fed7d7;color:#c53030;border-radius:6px;font-size:.9rem}.info-text p{color:#c53030;margin-bottom:15px;font-weight:bold}