@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');:root{--teal:#2ca598;--ink:#374249}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;font-family:Nunito,"Segoe UI",sans-serif;color:var(--ink);background:#f3f3f3}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:54px 4vw 42px;isolation:isolate;overflow:hidden}.shape{position:fixed;z-index:-1;width:260px;height:260px;border-radius:50%;animation:float 8s ease-in-out infinite}.shape.top{top:-120px;right:-42px;background:#efc55f}.shape.bottom{bottom:-155px;left:-70px;background:#eb6647;animation-delay:-4s}.login-card{width:min(1538px,92vw);min-height:min(830px,82vh);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #45555757;border-radius:44px;background:#fff;box-shadow:0 18px 46px #23363738;animation:enter .75s cubic-bezier(.2,.8,.2,1)}.login-panel,.welcome-panel{position:relative;min-height:620px}.login-panel{display:grid;place-items:center;padding:56px clamp(42px,7vw,130px) 170px}.login-form{width:min(100%,370px);animation:content .75s .15s both}.login-form h1{margin:0 0 70px;color:#2c978d;font-size:clamp(2rem,2.45vw,3rem);line-height:1.1;text-align:center}.field{position:relative;display:block;margin-top:22px}.field span{position:absolute;top:50%;left:17px;transform:translateY(-50%);font-size:19px;color:#3d484e}.field input{width:100%;height:52px;padding:0 18px 0 52px;border:1px solid transparent;outline:0;background:#edf0f0;color:var(--ink);font:inherit;transition:.25s}.field input::placeholder{color:#9ca1a5}.field:focus-within input{border-color:#2ca598a6;background:#f8ffff;box-shadow:0 0 0 4px #2ca5981f}.remember{display:flex;align-items:center;gap:7px;width:max-content;margin:14px 0 0;color:#747d81;font-size:.82rem;cursor:pointer}.remember input{accent-color:var(--teal)}.glass-button{position:relative;display:grid;place-items:center;overflow:hidden;width:220px;height:60px;border-radius:999px;text-decoration:none;text-transform:uppercase;letter-spacing:.025em;font-weight:800;cursor:pointer;isolation:isolate;transition:transform .25s,box-shadow .25s,background .25s}.glass-button:before{content:"";position:absolute;inset:-40%;z-index:-1;background:linear-gradient(115deg,transparent 25%,#ffffffc7 45%,#fff3 58%,transparent 75%);transform:translateX(-115%) rotate(8deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.glass-button:hover:before{transform:translateX(115%) rotate(8deg)}.glass-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f53424a,inset 0 1px 1px #fff9;backdrop-filter:blur(8px)}.glass-button:focus-visible{outline:3px solid #f1c45e;outline-offset:4px}.primary{margin:34px auto 0;border:1px solid #ffffff66;color:#fff;background:linear-gradient(135deg,#34ad9f,#2b9f94);font:800 1rem Nunito}.primary:hover{background:linear-gradient(135deg,#43beb1e0,#1e847ceb)}.error{margin:-50px 0 18px;padding:10px 13px;border:1px solid #efb6ad;border-radius:8px;color:#a53a2e;background:#fff0ed;font-size:.85rem}.illustration{position:absolute;right:-70px;bottom:-6px;z-index:2;width:clamp(255px,23vw,370px);filter:drop-shadow(0 10px 12px #193d3c24);animation:art 5s ease-in-out infinite}.welcome-panel{display:grid;place-items:center;padding:90px 48px;color:#fff;text-align:center;background:radial-gradient(circle at 18% 8%,#ffffff24,transparent 31%),linear-gradient(140deg,#2fa99d,#24968c)}.welcome-panel>div{position:relative;z-index:1;max-width:660px;animation:content .75s .3s both}.eyebrow{margin-bottom:16px!important;color:#ffffffb8;font-size:.72rem!important;letter-spacing:.18em;text-transform:uppercase}.welcome-panel h2{margin:0 0 44px;font-size:clamp(2.15rem,3vw,3.35rem);line-height:1.1}.welcome-panel p{margin:0;font-size:clamp(1rem,1.3vw,1.35rem);line-height:1.45;font-weight:700}.outline{margin:44px auto 0;border:3px solid #fffffff0;color:#fff;background:#ffffff0a}.outline:hover{background:#ffffff2b}.software-credit{position:fixed;right:0;bottom:10px;left:0;z-index:5;color:#596265;font-size:.78rem;text-align:center}@keyframes enter{from{opacity:0;transform:translateY(24px) scale(.985)}}@keyframes content{from{opacity:0;transform:translateY(18px)}}@keyframes float{50%{transform:translateY(15px)}}@keyframes art{50%{transform:translateY(-9px)}}@media(max-width:920px){.login-page{padding:28px 20px 50px}.login-card{grid-template-columns:1fr;width:min(620px,100%);border-radius:30px}.login-panel{min-height:660px;padding:64px 42px 180px}.welcome-panel{min-height:390px;padding:66px 34px}.illustration{right:4%;width:300px}}@media(max-width:520px){.login-page{padding:18px 12px 48px}.login-card{border-radius:24px}.login-panel{min-height:600px;padding:52px 24px 160px}.login-form h1{margin-bottom:52px;font-size:2rem}.glass-button{width:190px;height:56px}.welcome-panel{min-height:360px;padding:50px 22px}.welcome-panel p br{display:none}.illustration{right:-12px;width:255px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}