*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}html,body,#root{width:100%;height:100%}.page{flex-direction:column;min-height:100vh;display:flex}.topbar{color:#fff;z-index:10;background:#0d4675;justify-content:center;align-items:center;width:100%;height:60px;display:flex}.topbar h1{font-size:25px;font-weight:100}.main-area{background-position:50%;background-size:cover;flex:1;justify-content:center;align-items:flex-start;padding:1px 20px 20px;display:flex}.card{background:#d2e0ecf5;border:1px solid #6f7d86;border-radius:16px;width:100%;max-width:480px;min-height:700px;padding:18px 22px 24px;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000038}.card-header h2{text-align:center;color:#111;margin-bottom:20px;font-size:25px;font-weight:500}.logos-row{justify-content:center;align-items:center;gap:60px;margin-bottom:28px;display:flex}.logo-img{object-fit:contain;display:block}.tecnm-logo{height:150px}.itz-logo{height:120px}.vertical-brand{writing-mode:vertical-rl;color:#4d575f;opacity:.82;letter-spacing:-1px;pointer-events:none;font-size:3.05rem;font-weight:700;line-height:1;position:absolute;top:52%;left:16px;transform:translateY(-50%)rotate(180deg)}.access-img{object-fit:contain;width:70px;height:50px;display:block}.phone-icon{color:#5e549d;font-size:10px}.login-form{padding-left:58px;padding-right:8px}.input-group{background:#dbe3ea;border:1px solid #8d99a2;border-radius:24px;align-items:center;width:100%;max-width:270px;height:60px;margin:0 auto 38px;padding:0 15px;display:flex}.input-icon{color:#5d5d5d;flex-shrink:0;margin-right:11px;font-size:22px}.input-group input{color:#444;background:0 0;border:none;outline:none;width:100%;font-size:18px}.input-group input::placeholder{color:#555}.login-btn{color:#fff;cursor:pointer;background:#002d57;border:2px solid #07253f;border-radius:4px;width:100%;max-width:225px;height:50px;margin:6px auto 18px;font-size:20px;font-weight:500;display:block}.login-btn:hover{background:#002d57}.recover-text{text-align:right;color:#c61e1e;cursor:pointer;width:100%;max-width:245px;margin:0 auto 28px;font-size:17px;font-weight:400}.message-box{text-align:center;color:#1f3550;width:100%;max-width:245px;min-height:18px;margin:0 auto 10px;font-size:13px}.other-access{margin-top:3px;padding-left:56px;padding-right:20px}.other-access p{text-align:left;color:#2f2c2c;margin-bottom:20px;font-size:20px}.access-options{justify-content:center;gap:45px;display:flex}.access-item{cursor:pointer;background:#ccd8e2;border:3px solid #7f8c95;border-radius:10px;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.access-icon{font-size:35px}@media (width<=480px){.main-area{padding-top:24px}.card{max-width:360px;min-height:auto;padding:16px 16px 22px}.vertical-brand{font-size:2.5rem;left:10px}.login-form,.other-access{padding-left:46px;padding-right:0}.input-group,.recover-text,.message-box{max-width:230px}.login-btn{max-width:190px}.tecnm-logo,.itz-logo{height:px}}