*{box-sizing:border-box}:root{--p:#087b76;--d:#075b57;--g:#19a974;--t:#173b3a;--m:#6c8583}body{margin:0;min-height:100vh;font-family:"Segoe UI",Arial,sans-serif;color:var(--t)}.page{min-height:100vh;padding:24px 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f2fffd,#e3f6f2)}.login-card{width:min(1080px,100%);background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 25px 70px rgba(20,80,76,.17)}.brand{padding:25px 30px 20px;background:linear-gradient(135deg,#fff,#f1fbf9);border-bottom:1px solid #dcebea}.logos{display:grid;grid-template-columns:150px 1fr 150px;gap:22px;align-items:center}.logo-side{text-align:center;color:var(--d);font-size:12px;font-weight:800;line-height:1.3}.logo-side img{width:105px;height:105px;object-fit:contain;display:block;margin:0 auto 8px}.title{text-align:center}.title h1{margin:0;color:var(--d);font-size:clamp(28px,4.5vw,48px);letter-spacing:2px}.title p{margin:6px 0 8px;color:var(--m);font-size:13px}.title strong{font-size:15px}.form-area{width:min(500px,100%);margin:auto;padding:28px 32px 24px}.welcome{text-align:center}.cross{margin:auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--p),var(--g));color:#fff;font-size:24px;font-weight:bold}.welcome h2{margin:10px 0 4px;font-size:24px}.welcome p{margin:0;color:var(--m);font-size:13px}.alert{margin:17px 0 8px;padding:10px 12px;border-radius:10px;background:#fff0f0;color:#a52c2c;border:1px solid #f0cccc;font-size:13px}label{display:block;margin:16px 0 7px;font-size:13px;font-weight:700}.input{height:50px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #d6e5e3;border-radius:12px}.input:focus-within{border-color:var(--p);box-shadow:0 0 0 4px rgba(8,123,118,.08)}.input input{flex:1;min-width:0;border:0;outline:0;font-size:14px}.input button{border:0;background:transparent;cursor:pointer}.login-btn{width:100%;height:50px;margin-top:22px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--p),var(--g));color:#fff;font-weight:800;letter-spacing:.8px;cursor:pointer}.links{display:flex;justify-content:center;gap:12px;margin-top:17px;font-size:13px}.links a{color:var(--d);font-weight:700;text-decoration:none}footer{padding:18px;text-align:center;background:#f5fbfa;border-top:1px solid #dcebea;color:#5b7674;font-size:12px;line-height:1.55}footer strong,footer span,footer small{display:block}footer strong{color:var(--d);font-size:13px}footer small{margin-top:8px}@media(max-width:760px){.page{padding:10px}.login-card{border-radius:19px}.brand{padding:19px 14px}.logos{grid-template-columns:1fr 1fr;gap:8px 12px}.title{grid-column:1/-1;grid-row:1}.logo-side:first-child{grid-column:1;grid-row:2}.logo-side:last-child{grid-column:2;grid-row:2}.logo-side img{width:78px;height:78px}.title h1{font-size:27px}.title p{font-size:11px}.title strong{font-size:11px}.form-area{padding:24px 18px 20px}}