:root{font-family:Helvetica,Arial,sans-serif;color:#13283a;--cyan:#19bfc7}*{box-sizing:border-box}html,body{margin:0;min-height:100%;}body{min-height:100vh;background:#81c3dc;transition:background .8s;color:#142a3b}.scene{position:fixed;inset:0;background-position:center;background-size:cover;transition:opacity 4s ease;z-index:-3}.day-scene{background-image:url('assets/dia.svg')}.night-scene{background-image:url('assets/noche.svg');opacity:0}.veil{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.10),transparent 38%,rgba(0,27,46,.08))}.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:22px}.brand{display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center;text-shadow:0 1px 8px #ffffff80}.brand img{height:93px;max-width:125px;object-fit:contain;filter:drop-shadow(0 3px 8px #ffffff90)}.wordmark{font-size:clamp(23px,3.5vw,34px);letter-spacing:.18em;font-weight:700}.wordmark strong{display:block;font-size:16px;letter-spacing:.48em;color:#009caa;margin-top:3px}.tagline{margin-top:9px;letter-spacing:.21em;font-size:10px;font-weight:700}.panel{width:min(100%,476px);background:rgba(255,255,255,.94);box-shadow:0 20px 65px #002d4566;border:1px solid #ffffffbc;border-radius:21px;padding:30px 33px 26px;backdrop-filter:blur(8px);text-align:center;transition:background 2s,border-color 2s,color 2s}.panel h1{font-size:29px;line-height:1.22;letter-spacing:-.04em;margin:0}.panel h1 span{color:#0cb5bd}.intro{font-size:14px;line-height:1.5;margin:11px 0 19px;color:#53677a}.clock{display:flex;align-items:center;flex-direction:column;gap:4px;margin-bottom:20px;padding:12px 10px;background:#e8f4f6c4;border-radius:12px}.clock strong{font-size:31px;font-variant-numeric:tabular-nums;letter-spacing:.03em}.clock span{font-size:12px;text-transform:capitalize;color:#52667a}form{text-align:left;display:grid;gap:7px}label{font-size:12px;font-weight:700;margin-top:5px}input{width:100%;border:1px solid #ccdce3;border-radius:9px;padding:13px 14px;font:inherit;font-size:14px;background:#f8fafb;color:#4c5a65}input:disabled{opacity:.78}button{border:0;border-radius:9px;padding:14px 15px;background:#17bec8;color:white;font:inherit;font-weight:700;margin-top:11px;display:flex;justify-content:center;gap:20px;opacity:.75;cursor:not-allowed}.notice{color:#657681;font-size:11px;line-height:1.6;margin:15px 0 0}footer{color:#fff;font-size:10px;letter-spacing:.22em;font-weight:700;text-shadow:0 2px 5px #17374e}footer span{margin:0 9px}body.night{color:#fff;background:#0e2339}body.night .night-scene{opacity:1}body.night .panel{background:rgba(8,25,42,.93);border-color:#17c0c477;color:#f4faff}body.night .intro,body.night .clock span,body.night .notice{color:#b5c9d4}body.night .clock{background:#12334bcc}body.night .brand{text-shadow:0 2px 8px #000}body.night .brand img{filter:brightness(0) invert(1) drop-shadow(0 2px 6px #061527)}body.night input{background:#122c40;color:#e1eef2;border-color:#2c5062}body.night .veil{background:linear-gradient(90deg,#03132433,#06182655)}@media(max-width:520px){.wrap{justify-content:flex-start;gap:18px}.brand img{height:75px}.panel{padding:24px 20px}.panel h1{font-size:25px}.tagline{font-size:9px}.clock strong{font-size:28px}}@media(prefers-reduced-motion:reduce){.scene,.panel{transition:none}}