:root{--bg:#020b13;--navy:#061827;--blue:#28c8ff;--gold:#ffc64f;--line:#1d628d;--text:#f7fbff;--muted:#9db0c0}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020b13;color:var(--text);font-family:Inter,Arial,"Segoe UI",sans-serif}body{background:radial-gradient(circle at 50% -10%,#103958 0,#061a2b 28%,#020b13 67%);overflow-x:hidden}button{font:inherit}.page-shell{min-height:100svh;display:flex;justify-content:center}.app-view{position:relative;width:min(100%,760px);min-height:100svh;padding:18px 34px 24px;overflow:hidden;background:linear-gradient(180deg,rgba(4,25,41,.55),rgba(2,11,19,.88));border-left:1px solid rgba(30,97,139,.15);border-right:1px solid rgba(30,97,139,.15)}
.topbar{height:48px;display:flex;align-items:center;justify-content:space-between}.icon-btn{position:relative;width:44px;height:44px;border:0;background:transparent;color:#dcefff;display:grid;place-items:center;cursor:pointer}.icon-btn svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.notification-head i{position:absolute;right:4px;top:3px;width:10px;height:10px;background:#d9a234;border-radius:50%;box-shadow:0 0 12px #ffc64faa}
.brand-block{text-align:center;padding-top:5px}.brand{font-weight:300;font-size:clamp(31px,5.3vw,47px);letter-spacing:.37em;margin-left:.37em;white-space:nowrap}.year{display:flex;justify-content:center;align-items:center;gap:17px;margin:10px 0 15px}.year b{font-size:clamp(29px,4.6vw,42px);font-weight:400;letter-spacing:.36em;margin-left:.36em;color:var(--gold)}.year span{width:72px;height:1px;background:linear-gradient(90deg,transparent,#d8a63d)}.year span:last-child{background:linear-gradient(90deg,#d8a63d,transparent)}.tagline{max-width:560px;margin:auto;font-size:clamp(10px,1.65vw,13px);letter-spacing:.31em;line-height:1.7;text-transform:uppercase;color:#edf6fc}
.countdown-stage{position:relative;width:min(90vw,545px);height:min(99vw,590px);margin:26px auto 0}.glow-halo{position:absolute;inset:5% 7% 8%;border-radius:50%;background:radial-gradient(circle at 50% 48%,rgba(40,200,255,.12),rgba(255,198,79,.04) 47%,transparent 70%);filter:blur(4px)}.progress-ring{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(90vw,545px);aspect-ratio:1;border-radius:50%;padding:9px;background:conic-gradient(from -4deg,#ffd061 0 39%,#6b4c22 39.5% 40.5%,#173f5d 41% 50%,#29c9ff 51% 100%);box-shadow:0 0 34px rgba(39,201,255,.35),0 0 32px rgba(255,198,79,.22)}.progress-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 50% 46%,#102b43 0,#071827 51%,#020b13 81%);border:1px solid rgba(35,102,141,.45)}.ring-dot{position:absolute;z-index:4;left:50%;top:-11px;transform:translateX(-50%);width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 33% 29%,#fff 0 14%,#ffe89d 29%,#ffc44e 57%,#ed9817 100%);box-shadow:0 0 27px #ffc64fc7}.countdown-content{position:absolute;z-index:6;left:50%;top:14%;transform:translateX(-50%);width:80%;text-align:center}.calendar-mark{width:34px;height:34px;fill:none;stroke:#67cfff;stroke-width:1.55;margin-bottom:26px}.faltan{font-size:15px;letter-spacing:.52em;margin-left:.52em;color:#a8bfd2}.days-row{margin-top:14px}.days-row span{display:block;font-size:clamp(118px,24vw,178px);font-weight:800;line-height:.84;letter-spacing:-.075em;background:linear-gradient(90deg,#d9f4ff 0,#fff 51%,#ffe28e 62%,#ffb632 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(76,200,255,.12);font-variant-numeric:tabular-nums}.days-label{font-size:24px;letter-spacing:.34em;margin-left:.34em;color:#9eb5c8;margin-top:14px}.cerro-scene{position:absolute;z-index:7;left:50%;bottom:0;transform:translateX(-50%);width:113%;height:auto;object-fit:contain;pointer-events:none;filter:saturate(.92) contrast(1.06) brightness(.9);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.45) 10%,#000 26%,#000 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.45) 10%,#000 26%,#000 90%,transparent 100%)}
.time-grid{position:relative;z-index:10;width:min(100%,545px);margin:-2px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.time-card{height:122px;border:1px solid #23688f;border-radius:19px;background:linear-gradient(180deg,#081d2f,#061522);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 26px #020a12,0 12px 28px #0005}.time-card strong{font-size:46px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}.time-card span{margin-top:15px;font-size:12px;letter-spacing:.17em;color:#d3dee7}.quote{text-align:center;font-size:15px;letter-spacing:.22em;line-height:1.7;margin:31px auto 0}.gold-rule{width:190px;height:1px;margin:18px auto 13px;background:linear-gradient(90deg,transparent,#946b27 25%,#ffd66b 50%,#946b27 75%,transparent)}.next-event{display:block;width:min(100%,545px);margin:18px auto 0;padding:14px 18px;border:1px solid #675127;border-radius:16px;background:#071827e8;color:#fff;text-align:left}.next-event small{display:block;color:var(--gold);letter-spacing:.18em}.next-event b{display:block;margin:5px 0}.next-event span{color:#b8c9d6}.bottom-nav{width:min(100%,590px);margin:10px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bottom-nav button{border:0;background:transparent;color:#fff;padding:5px 0;cursor:pointer}.nav-icon{width:61px;height:61px;margin:0 auto 10px;border:1px solid #236b96;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0c263e,#05131f);box-shadow:0 0 20px rgba(25,185,255,.17)}.nav-icon svg{width:28px;height:28px;fill:none;stroke:#e1f5ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button>span:last-child{font-size:12px}.install-cta{display:block;margin:15px auto 0;border:1px solid #c7902f;border-radius:14px;padding:12px 22px;background:linear-gradient(90deg,#f4b638,#ffd66f);font-weight:700;color:#111}.footer{text-align:center;margin-top:17px;color:#6e8597;font-size:10px}.footer a{color:#d6a53e;text-decoration:none}
.drawer-wrap{position:fixed;inset:0;z-index:90;background:#000a;opacity:0;visibility:hidden;transition:.2s}.drawer-wrap.open{opacity:1;visibility:visible}.drawer{width:min(84vw,350px);height:100%;background:linear-gradient(180deg,#071c2e,#020b13);border-right:1px solid #1b5d83;padding:24px;transform:translateX(-100%);transition:.25s}.drawer-wrap.open .drawer{transform:none}.drawer-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #163b55;margin-bottom:10px}.drawer-head img{width:55px;height:55px;border-radius:15px}.drawer-head b,.drawer-head span{display:block}.drawer-head span{color:#829caf;font-size:12px;margin-top:3px}.drawer button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #12364e;background:transparent;color:#eaf5fc;padding:16px 8px}.modal{display:none;position:fixed;inset:0;z-index:100;background:#000c;align-items:flex-end;justify-content:center;padding:14px}.modal.open{display:flex}.sheet{width:min(100%,620px);max-height:80vh;overflow:auto;border:1px solid #246a91;border-radius:24px;background:linear-gradient(180deg,#0a2135,#061421);padding:22px;box-shadow:0 -20px 60px #0008}.sheet h2{margin-top:0}.sheet .row{padding:14px 0;border-bottom:1px solid #173b55}.sheet .row span,.sheet .row p{color:#a9bdcc}.sheet-close{margin-top:18px;border:0;border-radius:12px;background:var(--gold);padding:11px 18px;font-weight:700}
@media(max-width:600px){.app-view{padding:10px 18px 19px}.topbar{height:43px}.brand{font-size:27px}.year{margin:6px 0 11px}.year b{font-size:27px}.year span{width:48px}.tagline{font-size:8.6px;letter-spacing:.26em}.countdown-stage{width:min(94vw,520px);height:min(104vw,560px);margin-top:19px}.progress-ring{width:min(91vw,520px)}.countdown-content{top:13%}.calendar-mark{width:29px;height:29px;margin-bottom:18px}.faltan{font-size:11px}.days-row{margin-top:11px}.days-row span{font-size:clamp(106px,28vw,153px)}.days-label{font-size:18px;margin-top:12px}.cerro-scene{width:125%;bottom:-1%}.time-grid{gap:10px;margin-top:-1px}.time-card{height:96px;border-radius:15px}.time-card strong{font-size:35px}.time-card span{font-size:9px;margin-top:10px}.quote{font-size:12px;margin-top:23px}.gold-rule{width:150px}.nav-icon{width:50px;height:50px}.bottom-nav button>span:last-child{font-size:9.8px}.footer{font-size:8px}}
@media(min-width:900px){.app-view{width:790px;padding-left:55px;padding-right:55px;box-shadow:0 0 90px #000b}.countdown-stage{margin-top:30px}.bottom-nav{margin-top:14px}}