body:has(.auth-page){background:#e8e2d8}.auth-page{min-height:100vh;padding:3.2vw;background:radial-gradient(circle at 8% 92%,#c5bdaa 0,transparent 25%),radial-gradient(circle at 90% 8%,#f5f0e8 0,transparent 35%),#e6dfd4}.auth-frame{display:grid;grid-template-columns:1.14fr .94fr;min-height:calc(100vh - 6.4vw);max-width:1500px;margin:auto;overflow:hidden;border:1px solid #ffffff80;border-radius:24px;background:#f8f6f1;box-shadow:0 25px 70px #34291d28}.auth-visual{position:relative;min-height:760px;background:center/cover no-repeat url('/static/images/login-toraja.png');color:#fff}.auth-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07170fd9 0,#102217a6 44%,#1523184d 100%),linear-gradient(0deg,#06120dbd 0,transparent 55%)}.auth-visual-content{position:relative;z-index:1;display:flex;height:100%;padding:46px 52px;flex-direction:column}.visual-eyebrow{display:flex;flex-direction:column;font-family:Georgia,serif;font-size:12px;letter-spacing:.28em}.visual-line{width:102px;height:1px;margin:10px 0 44px 138px;background:#ffffff8a}.auth-visual h1{margin:0;max-width:600px;font:700 clamp(34px,3.15vw,55px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.02em;text-shadow:0 2px 12px #0005}.auth-visual-content>p{max-width:550px;margin:20px 0 30px;font:18px/1.5 Georgia,serif;text-shadow:0 2px 10px #0008}.visual-features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:560px}.visual-features>div{display:flex;flex-direction:column;gap:9px}.visual-features>div>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffffc4;border-radius:50%;background:#14261b99}.visual-features svg{width:21px}.visual-features strong{font:15px/1.35 Georgia,serif}.visual-tagline{margin-top:auto;padding:0 0 8px 5px;transform:rotate(-5deg);transform-origin:left bottom;font:italic 23px/1.1 'Segoe Script','Brush Script MT',cursive;color:#f0dcc2}.visual-tagline span{font-size:18px}.auth-form-panel{position:relative;display:flex;min-width:0;padding:42px 9% 28px;flex-direction:column;background:linear-gradient(120deg,#fdfbf7,#f5f2ec)}.auth-top-note{display:flex;align-self:flex-end;align-items:center;gap:10px;color:#654126;font:12px/1.3 Georgia,serif}.auth-top-note svg{width:28px;height:28px}.auth-form-wrap{width:min(520px,100%);margin:auto}.auth-logo{display:flex;align-items:center;margin-bottom:25px;flex-direction:column;color:#283e2c}.auth-logo-mark{position:relative;display:grid;place-items:center;width:125px;height:72px}.auth-logo-mark svg{width:112px;height:65px;stroke-width:1.6}.auth-logo-mark span{position:absolute;bottom:8px;width:28px;height:20px;border-radius:100% 0 100% 0;background:#613718;transform:rotate(-35deg)}.auth-logo>strong{font:14px Georgia,serif;letter-spacing:.25em}.auth-logo>small{margin-top:4px;font-size:7px;letter-spacing:.17em}.auth-heading>span{color:#747b78;font:20px Georgia,serif}.auth-heading h2{margin:8px 0 7px;font:700 clamp(25px,2.2vw,34px)/1.08 Georgia,'Times New Roman',serif;color:#191d1a}.auth-heading p{margin:0 0 25px;color:#747b78;font:16px Georgia,serif}.auth-field{margin-bottom:16px}.auth-field label{display:block;margin-bottom:7px;font:600 14px Georgia,serif}.auth-input{position:relative;display:flex;align-items:center}.auth-input>svg{position:absolute;left:15px;width:19px;color:#747b78}.auth-input input{width:100%;height:51px;padding:0 48px;border:1px solid #cfd1ce;border-radius:10px;background:#ffffffa6;color:#202620}.auth-input input:focus{outline:3px solid #dbe9dc;border-color:#496b49}.auth-input button{position:absolute;right:8px;display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent;color:#747b78;cursor:pointer}.auth-input button svg{width:19px}.auth-remember{display:flex;align-items:center;width:max-content;gap:8px;margin:2px 0 20px;cursor:pointer}.auth-remember input{position:absolute;opacity:0}.auth-remember>span{display:grid;place-items:center;width:19px;height:19px;border:1px solid #9da49e;border-radius:4px;background:#fff;color:transparent}.auth-remember input:checked+span{border-color:#456a43;background:#456a43;color:#fff}.auth-remember svg{width:13px}.auth-submit{display:flex;align-items:center;justify-content:center;width:100%;height:53px;gap:10px;border:0;border-radius:10px;background:linear-gradient(90deg,#365c35,#456c3d);color:white;font:600 16px Georgia,serif;box-shadow:0 8px 18px #32503326;cursor:pointer}.auth-submit:hover{background:linear-gradient(90deg,#2e512e,#3b6035)}.auth-submit svg{width:19px}.auth-footer{text-align:center;color:#7d817e;font:10px/1.6 Georgia,serif}.auth-footer span{color:#5f6961}@media(max-width:1000px){.auth-page{padding:0}.auth-frame{grid-template-columns:.85fr 1fr;min-height:100vh;border:0;border-radius:0}.auth-visual-content{padding:40px 32px}.visual-features{grid-template-columns:1fr}.visual-features>div{align-items:center;flex-direction:row}.auth-visual{min-height:700px}.auth-form-panel{padding-right:7%;padding-left:7%}}@media(max-width:760px){.auth-frame{display:block}.auth-visual{display:none}.auth-form-panel{min-height:100vh;padding:25px 22px}.auth-top-note{margin-bottom:20px}.auth-form-wrap{margin:auto}.auth-logo{margin-bottom:18px}.auth-heading h2{font-size:27px}.auth-footer{margin-top:28px}}@media(max-height:820px) and (min-width:761px){.auth-page{padding:2vw}.auth-frame{min-height:calc(100vh - 4vw)}.auth-visual{min-height:680px}.auth-visual-content{padding-top:34px;padding-bottom:34px}.visual-line{margin-bottom:28px}.auth-form-panel{padding-top:28px}.auth-logo{margin-bottom:12px}.auth-logo-mark{height:58px}.auth-logo-mark svg{height:53px}.auth-heading p{margin-bottom:18px}.auth-field{margin-bottom:12px}}