body { min-height:100vh; background:linear-gradient(135deg,#eef7ff 0%,#f8fbff 52%,#e9f3fc 100%); color:#18324a; }
.sesion { min-height:100vh; padding:42px 18px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.sesion:before,.sesion:after { content:''; position:absolute; border-radius:50%; pointer-events:none; }
.sesion:before { width:360px; height:360px; top:-180px; right:-110px; border:60px solid rgba(38,147,255,.10); }
.sesion:after { width:280px; height:280px; bottom:-170px; left:-100px; background:rgba(38,147,255,.08); }
.sesion-module { width:100%; max-width:470px; position:relative; left:auto; top:auto; z-index:1; margin:0; padding:38px 42px 28px; border:1px solid rgba(38,147,255,.14); border-radius:24px; background:rgba(255,255,255,.94); box-shadow:0 24px 70px rgba(30,78,123,.16); }
.sesion-head { text-align:center; }
.sesion-head img { display:block; width:174px; max-width:80%; height:auto; margin:0 auto 24px; }
.sesion-head h1 { margin:0 0 14px; color:#18324a; font-size:25px; font-weight:700; letter-spacing:-.02em; }
.back-home { display:inline-block; margin:0 0 20px; color:#0d7fe0; font-size:13px; font-weight:700; text-decoration:none; }
.back-home:hover { color:#18324a; text-decoration:none; }
.back-home i { margin-right:5px; }
.sesion-box { width:100%; margin:0; padding:0; border:0; background:transparent; }
.sesion-box form label.input { display:block; margin-bottom:15px; }
.sesion-box form label.input input.form-control,.sesion-box form label.input input.input-form { width:100%; height:50px; padding:0 16px; border:1px solid #d8e7f3; border-radius:11px; background:#fbfdff; color:#18324a; font-size:16px; box-shadow:none; transition:border-color .2s ease,box-shadow .2s ease; }
.sesion-box form label.input input:focus { border-color:#2693ff; box-shadow:0 0 0 4px rgba(38,147,255,.12); outline:none; }
.sesion-box .checkbox { color:#60758a; font-size:13px; }
.sesion-box .login-btn { width:100%; height:50px; margin:8px 0 14px; border:0; border-radius:11px; background:linear-gradient(135deg,#2693ff,#0d7fe0); box-shadow:0 11px 24px rgba(38,147,255,.24); font-size:16px; font-weight:700; }
.sesion-box .login-link { display:block; color:#0d7fe0; text-align:center; font-size:14px; }
.sesion-footer { margin-top:24px; padding-top:20px; border-top:1px solid #e7eff6; text-align:center; }
.sesion-footer p { display:inline; margin:0 5px 0 0; color:#60758a; font-size:14px; }
.sesion-footer a,.accept-terms a { color:#0d7fe0; font-weight:700; text-decoration:none; }
.accept-terms { color:#60758a; font-size:12px; line-height:1.5; text-align:center; }
.help-block { display:block; margin-top:5px; color:#d14b62; font-size:12px; }
@media (max-width:520px) { .sesion { padding:22px 12px; } .sesion-module { padding:30px 22px 24px; border-radius:18px; } }