:root{--primary:#4f8b74;--primary-dark:#3b6e5c;--orange:#f39b72;--orange-hover:#ea8455;--bg:#edf3ef;--card-radius:28px;--text:#1f2937;--muted:#6b7280}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,sans-serif}body{background:#f8fafc}.login-page{min-height:100vh}.login-wrapper{background:radial-gradient(circle at 12% 16%,#16a34a24,#0000 32%),radial-gradient(circle at 88% 82%,#0d94881f,#0000 30%),linear-gradient(145deg,#f8fafc 0%,#f0fdf4 48%,#f8fafc 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.login-overlay{pointer-events:none;position:absolute;inset:0}.login-card{z-index:10;background:#fff;border-radius:32px;width:100%;max-width:520px;animation:.6s fadeUp;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000002e}.login-header{background:radial-gradient(circle at 84% 12%,#f59e0b33,#0000 25%),linear-gradient(135deg,#065f46 0%,#0d9488 100%);height:240px;position:relative}.login-header-overlay{background:#0000000d;position:absolute;inset:0}.login-header-content{z-index:2;color:#fff;padding:32px;position:relative}.brand{align-items:center;gap:15px;margin-bottom:30px;display:flex}.ss-auth-brand .ss-brand-image{width:auto;max-width:min(100%,196px);height:62px}.hero-title h2{margin-bottom:10px;font-size:48px;font-weight:800;line-height:1}.hero-title p{opacity:.95;font-size:16px}.login-wave{width:100%;height:95px;position:absolute;bottom:-2px;left:0}.login-body{padding:40px}.login-body h3{color:var(--text)}.text-muted{color:var(--muted)!important}.form-label{color:#555;margin-bottom:8px;font-weight:600}.input-group{border:1px solid #e5e7eb;border-radius:14px;transition:all .25s;overflow:hidden}.input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #4f8b7426}.input-group-text{color:#999;background:#fff;border:none;padding-left:18px;padding-right:14px}.form-control{border:none;height:56px;box-shadow:none!important}.form-control:focus{box-shadow:none}.btn-outline-secondary{color:#777;background:#fff;border:none;padding:0 18px}.btn-outline-secondary:hover{background:#fafafa}.form-check{align-items:center;gap:10px;display:flex}.form-check-input{cursor:pointer;border:1px solid #d1d5db;border-radius:6px;width:18px;height:18px}.form-check-input:checked{background:var(--primary);border-color:var(--primary)}.form-check-label{color:#6b7280;cursor:pointer;font-size:14px}.forgot-link{color:var(--primary);font-size:14px;font-weight:600;text-decoration:none}.forgot-link:hover{color:var(--primary-dark)}.btn-login{background:var(--orange);color:#fff;border:none;border-radius:999px;height:56px;font-size:16px;font-weight:700;transition:all .25s}.btn-login:hover{background:var(--orange-hover);color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px #f39b7273}.divider{text-align:center;margin:35px 0;position:relative}.divider:before{content:"";background:#ececec;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:#999;background:#fff;padding:0 18px;font-size:14px;position:relative}.btn-google{color:#555;background:#fafafa;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:54px;font-weight:600;transition:all .25s;display:flex}.btn-google:hover{color:#111827;background:#fff;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.btn-facebook{color:#fff;background:#1877f2;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:54px;font-weight:600;display:flex}.btn-facebook:hover{color:#fff;background:#1567d3}.alert{border:none;border-radius:16px;padding:15px 18px;font-size:14px}.alert-danger{color:#b42318;background:#fff4f4}.alert-success{color:#027a48;background:#ecfdf3}.alert ul{margin:0;padding-left:18px}a{text-decoration:none;transition:all .25s}a:hover{text-decoration:none}.login-card{transition:all .3s}.login-card:hover{transform:translateY(-3px);box-shadow:0 40px 90px #0000002e}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.login-wrapper{padding:25px}.login-card{max-width:480px}.login-header{height:220px}.hero-title h2{font-size:36px}.login-body{padding:30px}}@media (width<=576px){.login-wrapper{padding:0}.login-card{max-width:100%;min-height:100vh;box-shadow:none;border-radius:0}.login-header{height:200px}.login-header-content{padding:24px}.hero-title h2{font-size:30px}.hero-title p{font-size:14px}.ss-auth-brand .ss-brand-image{height:54px}.login-body{padding:24px}.btn-login,.btn-google{height:52px;font-size:15px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.login-header-overlay{background:linear-gradient(120deg,#065f4614,#0f172a14)}.login-wrapper:before{content:"";background:#16a34a14;border-radius:50%;width:300px;height:300px;position:absolute;top:-120px;left:-100px}.login-wrapper:after{content:"";background:#0d948812;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-100px;right:-80px}