.signin-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8f3);padding:20px}.signin-card{background:#fff;padding:48px;border-radius:24px;width:100%;max-width:440px;box-shadow:0 10px 40px rgba(0,0,0,.08);transition:transform .3s ease}.signin-card:hover{transform:translateY(-5px)}.signin-header{text-align:center;margin-bottom:40px}.logo-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px;text-decoration:none;transition:transform .3s ease}.logo-container:hover{transform:scale(1.05)}.logo-text{color:#3a336d;font-size:18px;font-weight:600;letter-spacing:-.5px}.signin-header h1{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.form-group{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.form-group label{color:#1a1a1a;font-size:15px;font-weight:500;margin-left:4px}.form-group input{padding:14px 18px;border:2px solid #e6e6e6;border-radius:12px;font-size:15px;transition:all .3s ease;background-color:#f8f9fa}.form-group input:focus{outline:none;border-color:#423b76;background-color:#fff;box-shadow:0 0 0 4px rgba(66,59,118,.1)}.form-group input::placeholder{color:#a0a0a0}.form-options{justify-content:space-between;margin-bottom:24px}.form-options,.remember-me{display:flex;align-items:center}.remember-me{gap:10px;color:#4a4a4a;font-size:15px;cursor:pointer}.remember-me input[type=checkbox]{width:18px;height:18px;border-radius:4px;cursor:pointer;accent-color:#423b76}.signin-button{background:linear-gradient(135deg,#423b76,#6a41bc);color:#fff;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:24px}.signin-button:hover{background:linear-gradient(135deg,#4e2d90,#7046c8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(106,65,188,.2)}.signin-button:active{transform:translateY(0)}.signin-button:disabled{opacity:.7;cursor:not-allowed}.form-footer{text-align:center;font-size:15px;color:#4a4a4a}.form-footer a{color:#423b76;text-decoration:none;font-weight:600;margin-left:4px;transition:color .3s ease}.form-footer a:hover{color:#6a41bc;text-decoration:underline}@media (max-width:480px){.signin-card{padding:32px 24px}.signin-header h1{font-size:24px}.logo-text{font-size:16px}}