.login-container{justify-content:center;align-items:center;min-height:90vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-card-wrapper{z-index:10;width:100%;max-width:440px}.branding{text-align:center;margin-bottom:40px}.brand-title{background:var(--accent-color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3rem}.brand-subtitle{color:var(--text-secondary);font-weight:500}.login-card{padding:40px}.card-header{text-align:center;margin-bottom:32px}.card-header h2{margin-bottom:8px;font-size:1.5rem}.card-header p{color:var(--text-secondary);font-size:.9rem}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-input{border:1px solid var(--card-border);color:#050b1a;transition:var(--transition);background:#ffffff0d;border-radius:12px;padding:12px 16px;font-family:inherit}.form-input:focus{border-color:var(--accent-color);background:#ffffff14;outline:none;box-shadow:0 0 10px #00d1ff1a}.link-forgot{color:var(--accent-color);font-size:.85rem;font-weight:600}.login-btn{margin-top:10px;padding:14px}.divider{text-align:center;margin:32px 0;position:relative}.divider:before{content:"";background:var(--card-border);width:100%;height:1px;position:absolute;top:50%;left:0}.divider span{background:var(--bg-color);text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;padding:0 15px;font-size:.75rem;position:relative}.social-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-social{border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;transition:var(--transition);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:600;display:flex}.btn-social:hover{border-color:var(--accent-color);background:#ffffff14}.login-footer{text-align:center;color:var(--text-secondary);margin-top:32px}.link-accent{color:var(--accent-color);cursor:pointer;margin-left:8px;font-weight:600;text-decoration:none}.btn-link{font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0}.form-group-checkbox{align-items:flex-start;gap:10px;margin-top:10px;display:flex}.form-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-color);margin-top:2px}.label-checkbox{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.label-checkbox a{margin-left:4px}.bg-blobs{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.blob{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.blob-1{background:var(--accent-color);width:400px;height:400px;top:-10%;left:-5%}.blob-2{background:var(--accent-color);width:300px;height:300px;bottom:10%;right:-5%}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-form{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInDown}.status-message{text-align:center;border-radius:12px;margin-bottom:20px;padding:12px;font-size:.9rem;font-weight:500;animation:.3s ease-out forwards fadeInDown}.status-message.error{color:#ff3b30;background:#ff3b301a;border:1px solid #ff3b3033}.status-message.success{color:#34c759;background:#34c7591a;border:1px solid #34c75933}
