:root{--brand-600: #c42828;--brand-700: #9f1f1f;--brand-50: #fff1f1;--slate-950: #0f172a;--slate-900: #1e293b;--slate-700: #334155;--slate-500: #64748b;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;font-size:15px;min-height:100vh;color:var(--slate-900);background:radial-gradient(circle at 16% 20%,rgba(196,40,40,.18),transparent 40%),radial-gradient(circle at 84% 16%,rgba(30,41,59,.14),transparent 44%),linear-gradient(135deg,#f8fafc,#eef2ff 42%,#fff1f1);display:flex;align-items:center;justify-content:center;padding:1.25rem}.auth-shell{width:100%;max-width:980px;border-radius:10px;overflow:hidden;background:#ffffffc7;border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 90px -55px #0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;grid-template-columns:1.5fr 1fr}.intro-panel{padding:2.4rem;background:linear-gradient(160deg,#0f172ae6,#111827d1),url(/images/auth/bg-par-produk.png);background-repeat:no-repeat;background-size:cover,95%;background-position:center center,left 0 bottom -10px;color:#e2e8f0;position:relative;isolation:isolate}.intro-panel:before{content:"";position:absolute;border-radius:999px;background:#ffffff14;z-index:-1}.intro-panel:before{width:280px;height:280px;top:-150px;right:-90px}.brand-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .8rem;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);font-size:.72rem;letter-spacing:.02em}.intro-title{margin-top:18rem;line-height:1.2;color:var(--white);font-weight:800}.intro-text{margin-top:.9rem;color:#cbd5e1;font-size:.88rem;line-height:1.65}.stats-row{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stat-card{padding:.85rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;text-align:center}.stat-value{color:var(--white);font-size:1.15rem;font-weight:700;line-height:1}.stat-label{margin-top:.3rem;font-size:.72rem;color:#cbd5e1}.feature-list{margin-top:1.7rem;display:grid;gap:.8rem}.feature-item{display:flex;align-items:center;gap:.75rem;font-size:.82rem;color:#e2e8f0}.feature-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#c4282840;border:1px solid rgba(255,255,255,.16);color:#fecaca;flex-shrink:0}.form-panel{padding:2.4rem;display:flex;flex-direction:column;justify-content:center;background:#ffffffd6;width:auto;max-width:none;margin-left:0;margin-right:0}.form-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:3rem;margin-top:2rem}.logo-box{width:46px;height:46px;border-radius:13px;background:linear-gradient(140deg,var(--brand-600),var(--brand-700));display:grid;place-items:center;color:var(--white);box-shadow:0 16px 30px -18px #9f1f1ff2}.logo-text{font-size:.86rem;font-weight:700;color:var(--slate-950);line-height:1.2}.logo-subtext{display:block;margin-top:.13rem;color:var(--slate-500);font-weight:500;font-size:.68rem}.form-title{margin-top:1.25rem;font-size:1rem;color:var(--slate-950);font-weight:700;line-height:1.15;text-transform:uppercase;margin-bottom:5px}.form-subtitle{color:var(--slate-500);font-size:.84rem;margin-bottom:1.35rem}.error-box{border-radius:8px;border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;font-size:.86rem;padding:.78rem .88rem;display:flex;gap:.6rem;align-items:flex-start;margin-bottom:1.1rem}.success-box{border-radius:12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;font-size:.84rem;padding:.78rem .88rem;display:flex;gap:.6rem;align-items:flex-start;margin-bottom:1.1rem}.helper-box{border-radius:12px;border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;font-size:.78rem;padding:.76rem .82rem;margin-bottom:1rem}.helper-list{margin-top:.45rem;padding-left:1rem;line-height:1.55}.helper-list li{margin-bottom:.15rem}.link-row{margin-top:1rem;text-align:center;font-size:.78rem}.field{margin-bottom:1rem}.field-label{display:block;margin-bottom:.5rem;font-size:.8rem;color:var(--slate-700);font-weight:600}.input-wrap{position:relative}.input-icon{position:absolute;left:.88rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.86rem;pointer-events:none}.input{width:100%;border:1px solid var(--slate-200);border-radius:6px;height:44px;padding:0 .92rem 0 2.45rem;font-size:.86rem;color:var(--slate-900);background:#ffffffe6;transition:border-color .18s ease,box-shadow .18s ease}.input::placeholder{color:#94a3b8}.input:focus{outline:none;border-color:#c4282873;box-shadow:0 0 0 4px #c428281f}.toggle-password{position:absolute;top:50%;right:.52rem;transform:translateY(-50%);width:34px;height:34px;border:none;border-radius:9px;display:grid;place-items:center;background:transparent;color:#94a3b8;cursor:pointer;transition:color .18s ease,background-color .18s ease}.toggle-password:hover{background:#f8fafc;color:var(--brand-600)}.form-meta{margin-top:.2rem;margin-bottom:1.1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.78rem}.remember-row{display:flex;align-items:center;gap:.5rem;color:var(--slate-500)}.remember-row input{width:16px;height:16px;accent-color:var(--brand-600)}.meta-link{color:var(--brand-600);text-decoration:none;font-weight:600}.meta-link:hover{color:var(--brand-700);text-decoration:underline}.submit{width:100%;border:none;border-radius:8px;height:46px;background:linear-gradient(135deg,var(--brand-600),var(--brand-700));color:var(--white);font-size:.86rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;margin-top:30px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 16px 25px -15px #c42828b3}.submit:hover{transform:translateY(-1px);box-shadow:0 20px 30px -16px #9f1f1fc7}.submit:disabled{opacity:.74;cursor:not-allowed;transform:none}.secure-note{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:.45rem;font-size:.74rem;color:var(--slate-500)}.secure-note i{color:#16a34a}.copyright{margin-top:1.35rem;padding-top:1rem;border-top:1px solid var(--slate-200);text-align:center;font-size:.74rem;color:#94a3b8}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.38);border-top-color:var(--white);animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.auth-shell{grid-template-columns:1fr;max-width:490px}.intro-panel{display:block;min-height:175px;padding:1rem 1rem 4.9rem;border-bottom:1px solid rgba(148,163,184,.22);background:linear-gradient(160deg,#0f172a94,#1118276b),url(/images/auth/bg-par-produk.png);background-repeat:no-repeat;background-size:cover,95%;background-position:center center,left 0px bottom -8px}.intro-panel:before,.intro-panel:after{display:none}.intro-title{margin-top:.65rem;font-size:1rem;max-width:24ch}.intro-text{margin-top:.45rem;font-size:.74rem;line-height:1.55;max-width:33ch}.stats-row,.feature-list{display:none}.form-panel{padding:2rem 1.35rem}}