*,*::before,*::after{box-sizing:border-box}*{margin:0}body{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;color:#073f47;background:#f8fbfb}.login-page{position:relative;min-height:100vh;overflow:hidden;padding:24px clamp(28px,5vw,76px) 20px;display:flex;flex-direction:column}.login-background{position:absolute;inset:0 0 0 52%;background:url("../img/banner-bienvenida-colegio.187249ec98b3.png") center/cover no-repeat;filter:saturate(.72);opacity:.34}.login-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 35%,rgba(248,252,252,.82) 61%,rgba(248,252,252,.7) 100%)}.login-orb{position:absolute;border-radius:50%;border:1px solid rgba(17,147,112,.11);background:rgba(13,176,112,.045)}.orb-one{width:620px;height:620px;left:-280px;top:-360px}.orb-two{width:260px;height:260px;right:-70px;bottom:20px}.login-top,.login-content,.login-capabilities,.login-footer{position:relative;z-index:2}.login-top{display:flex;align-items:center;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:13px;color:#073f47;text-decoration:none}.login-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(2,68,75,.13))}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:1.4rem}.login-brand small{color:#637985}.login-top p{font-size:.68rem;letter-spacing:.36em;color:#7f939d}.login-top p b{padding:0 12px;color:#a9b8be}.login-content{flex:1;display:grid;grid-template-columns:minmax(300px,1fr) minmax(390px,490px) minmax(260px,1fr);align-items:center;gap:56px;padding:28px 3vw}.login-message{max-width:430px}.login-message h1{font-size:clamp(2.1rem,3.6vw,3.65rem);line-height:1.03;letter-spacing:-.045em}.login-message h1 em{font-style:normal;color:#08ad69}.login-message>span{display:block;width:62px;height:3px;border-radius:3px;background:#0cb274;margin:26px 0}.login-message p{color:#607783;font-size:1.05rem;line-height:1.55;max-width:385px}.login-card{grid-column:2;background:rgba(255,255,255,.93);border:1px solid rgba(220,231,231,.9);border-radius:22px;padding:32px 42px;box-shadow:0 24px 70px rgba(14,67,73,.13);backdrop-filter:blur(12px);animation:cardIn .55s ease-out}.login-card-brand{text-align:center;margin-bottom:26px}.login-card-brand img{display:block;width:66px;height:66px;margin:0 auto 8px;filter:drop-shadow(0 6px 8px rgba(3,83,88,.15))}.login-card-brand strong,.login-card-brand span{display:block}.login-card-brand strong{font-size:1.28rem}.login-card-brand span{font-size:.85rem;color:#687d87}.login-heading{text-align:center;margin-bottom:22px}.login-heading h2{font-size:1.9rem;margin-bottom:3px}.login-heading p{color:#71848d}.login-card label{display:block;font-size:.84rem;font-weight:700;margin:15px 0 7px}.login-field{position:relative}.login-field>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#718a94;font-size:1.12rem}.login-field input{width:100%;height:51px;padding:0 46px;border:1.5px solid #ccdadd;border-radius:11px;background:#f7fafb;color:#163b43;font:inherit;outline:none;transition:.2s}.login-field input:focus{border-color:#08ad69;background:#fff;box-shadow:0 0 0 4px rgba(8,173,105,.11)}.login-field button{position:absolute;right:13px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#7a8f98;padding:6px;cursor:pointer}.login-submit{width:100%;height:54px;border:0;border-radius:11px;margin-top:22px;padding:0 22px;background:linear-gradient(115deg,#08b970,#02a964);color:white;display:flex;align-items:center;justify-content:center;gap:13px;font-size:1rem;font-weight:800;box-shadow:0 10px 24px rgba(4,184,111,.25);cursor:pointer;transition:.2s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(4,184,111,.32)}.forgot-link{display:block;text-align:center;margin-top:19px;color:#07515a;font-size:.86rem;font-weight:700;text-decoration:none}.forgot-link:hover{text-decoration:underline}.login-alert{display:flex;gap:9px;padding:11px 13px;background:#fff1ef;border:1px solid #ffcbc5;border-radius:10px;color:#96352a;font-size:.86rem}.login-capabilities{display:flex;justify-content:center;align-items:stretch;border-top:1px solid #dbe6e7;border-bottom:1px solid #dbe6e7;padding:15px 0;margin-top:8px}.login-capabilities div{display:flex;align-items:center;gap:12px;padding:0 clamp(18px,3vw,48px);border-right:1px solid #dbe6e7;color:#526b76;font-size:.78rem;line-height:1.45}.login-capabilities div:last-child{border:0}.login-capabilities i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e4f7ef;color:#08a969;font-size:1.1rem}.login-footer{display:flex;justify-content:space-between;padding-top:16px;color:#7b8e96;font-size:.72rem}.login-footer b{padding:0 8px;color:#b4c0c5}@keyframes cardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:1100px){.login-content{grid-template-columns:1fr 430px;gap:35px}.login-card{grid-column:2}.login-background{inset:0 0 0 45%}.login-capabilities div{padding:0 18px}.login-capabilities div:nth-child(2){display:none}}@media(max-width:760px){.login-page{padding:18px}.login-top p,.login-message,.login-capabilities,.login-footer span:last-child{display:none}.login-content{display:flex;justify-content:center;padding:30px 0}.login-card{width:min(100%,450px);padding:28px 24px}.login-background{inset:0;opacity:.2}.login-wash{background:rgba(247,251,251,.84)}.login-footer{justify-content:center;text-align:center}.login-brand img{width:48px;height:48px}}