:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--secondary-dark:#7c3aed;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-bg:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#6366f1);--gradient-button:linear-gradient(135deg,#f97316,#fb923c);--shadow-card:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-button:0 10px 15px -3px rgba(249,115,22,0.3);--shadow-input-focus:0 0 0 3px rgba(99,102,241,0.1);--border-radius:16px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.login-container{min-height:100vh;background:var(--gradient-bg);display:flex;align-items:center;justify-content:center;width:100%;padding:1rem;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 20px);animation:backgroundMove 20s linear infinite}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.decoration-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}.decoration-circle-1{width:200px;height:200px;top:-100px;left:-100px;animation-delay:0s}.decoration-circle-2{width:150px;height:150px;bottom:-75px;right:-75px;animation-delay:2s}.decoration-circle-3{width:100px;height:100px;top:50%;left:-50px;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login-card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow-card);padding:3rem 2rem;width:100%;max-width:440px;position:relative;z-index:10;animation:slideUp .5s ease-out;border:1px solid rgba(255,255,255,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.logo-container{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gradient-primary);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 10px 20px -5px rgba(99,102,241,.25);position:relative;overflow:hidden;border:2px solid #7d65f4}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes boat{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-4px) rotate(-1.2deg)}50%{transform:translateY(-6px) rotate(0deg)}75%{transform:translateY(-4px) rotate(1.2deg)}to{transform:translateY(0) rotate(0deg)}}.logo-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:inherit}.login-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;letter-spacing:-.025em}.login-subtitle{color:#6b7280;font-size:.95rem;font-weight:500}.login-form{margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.form-label-icon{font-size:1.1rem}.form-input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:12px;background:white;transition:var(--transition);outline:none}.form-input:focus{border-color:var(--primary);box-shadow:var(--shadow-input-focus);transform:translateY(-1px)}.form-input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}.form-input::-moz-placeholder{color:#9ca3af;font-weight:400}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-input-error{border-color:#ef4444}.form-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-error{margin-top:.25rem;font-size:.75rem;color:#dc2626;gap:.25rem}.form-error,.form-options{display:flex;align-items:center}.form-options{justify-content:space-between;margin-bottom:1.5rem}.remember-checkbox{display:flex;align-items:center;gap:.5rem}.checkbox-input{width:18px;height:18px;border-radius:4px;border:2px solid #d1d5db;cursor:pointer;accent-color:var(--primary)}.checkbox-label{font-size:.875rem;color:#4b5563;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.forgot-link{font-size:.875rem;color:var(--primary);text-decoration:none;font-weight:500;transition:var(--transition)}.forgot-link:hover{color:var(--primary-dark);text-decoration:underline}.submit-button{width:100%;padding:1rem;background:var(--gradient-button);color:white;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-button);display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.025em}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 20px -3px rgba(249,115,22,.4)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.divider-container{margin:2rem 0;display:flex;align-items:center;gap:1rem}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent)}.divider-text{color:#9ca3af;font-size:.875rem;font-weight:500;padding:0 .5rem}.register-section{text-align:center;margin-top:1.5rem}.register-text{color:#6b7280;font-size:.875rem}.register-link{color:var(--primary);font-weight:600;text-decoration:none;transition:var(--transition);margin-left:.25rem}.register-link:hover{color:var(--primary-dark);text-decoration:underline}.error-message{margin-bottom:1.5rem;padding:.875rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon{flex-shrink:0;width:20px;height:20px}.features-badges{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:2rem;color:rgba(255,255,255,.9);font-size:.875rem;font-weight:500;z-index:5}.badge-item{display:flex;align-items:center;gap:.375rem;background:rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:20px;backdrop-filter:blur(10px);transition:var(--transition)}.badge-item:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}@media (max-width:640px){.login-card{padding:2rem 1.5rem;margin:1rem}.login-title{font-size:1.75rem}.features-badges{flex-direction:column;gap:.5rem;align-items:center;bottom:1rem}.badge-item{font-size:.75rem;padding:.375rem .75rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.login-card{background:rgba(30,30,40,.95);border:1px solid rgba(255,255,255,.1)}.login-title{color:#f3f4f6}.form-label,.login-subtitle{color:#d1d5db}.form-input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:white}.form-input:focus{background:rgba(255,255,255,.08)}}