@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--bg:#0b0d16;--panel:#161a28;--line:#ffffff14;--text:#f5f6fb;--sub:#9299ac;--lime:#cdfb7e;--violet:#9e8cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 85% 50% at 50% 18%,#283d5a 0%,#111522 44%,#0b0d16 75%);color:var(--text);font-family:Manrope,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff05 0%,transparent 30%),radial-gradient(circle at 20% 70%,#a58aff13,transparent 26%)}main{max-width:620px;margin:auto;padding:20px 17px 44px}.topbar{height:50px;display:flex;align-items:center;gap:10px}.mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(145deg,#cfff83,#68c9b0);color:#10221b}.mark svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.topbar small,.section-title small,.feature small,.quota small{display:block;font:800 9px Manrope;letter-spacing:1.25px;color:var(--sub)}.topbar strong{font-size:14px}.tier{margin-left:auto;display:flex;align-items:center;gap:5px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;color:var(--lime);background:#ffffff09;font:800 10px Manrope;letter-spacing:.7px}.tier svg,.section-title button svg,.feature button svg,.club button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.clock-stage{position:relative;text-align:center;padding-top:31px}.stars{color:#c8d4dc55;letter-spacing:4px;font-size:11px;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{50%{opacity:.4;transform:translateY(2px)}}.location{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 -5px;font:800 10px Manrope;letter-spacing:1.2px}.pin{color:var(--lime);display:grid}.pin svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.location button{border:0;background:none;color:#aeb7ca;font:700 10px Manrope;margin-left:4px;text-decoration:underline;text-underline-offset:3px}.time-shell{position:relative;margin:auto;width:min(89vw,360px);aspect-ratio:1;display:grid;place-items:center}.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke:#ffffff0b;stroke-width:1}.ring .progress{stroke:var(--lime);stroke-width:2.2;stroke-dasharray:240 690;stroke-linecap:round;filter:drop-shadow(0 0 5px #cdfb7e88);animation:orbit 7s linear infinite}@keyframes orbit{to{stroke-dashoffset:-690}}.time-shell:before,.time-shell:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff0b}.time-shell:before{inset:17px}.time-shell:after{inset:35px;border-style:dashed;border-color:#ffffff12;animation:spin 45s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.time-content{z-index:1}.label{color:#aab2c3;font:800 9px Manrope;letter-spacing:1.2px}#clock{font:500 clamp(51px,17vw,82px)/.92 'DM Mono',monospace;letter-spacing:-.1em;margin:14px 0 13px;white-space:nowrap;text-shadow:0 12px 30px #0009}#clock span{font-size:.48em;color:#cbd1dd}#date{font-size:11px;color:#c6ccda;text-transform:capitalize}#offset{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:7px;background:#cdfb7e18;color:var(--lime);font:700 9px 'DM Mono'}.quota{display:flex;align-items:center;text-align:left;gap:10px;background:#ffffff09;border:1px solid var(--line);border-radius:17px;padding:11px 12px;margin:0 1px}.quota-icon{width:35px;height:35px;border-radius:11px;background:#c9fb7d16;color:var(--lime);display:grid;place-items:center}.quota-icon svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.quota strong{display:block;font-size:12px;margin-top:2px}.quota button{margin-left:auto;border:0;border-radius:10px;background:#eafec0;color:#142010;padding:8px 9px;font:800 10px Manrope}.cities,.themes{margin-top:37px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.section-title h2{font-size:18px;letter-spacing:-.65px;margin:3px 0 0}.section-title button{display:flex;align-items:center;gap:2px;border:0;background:none;color:var(--lime);font:700 10px Manrope}.zones{display:flex;gap:9px;overflow:auto;padding-bottom:3px}.zone{min-width:143px;padding:14px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0d,#ffffff05)}.zone label{font-size:9px;letter-spacing:1px;color:var(--sub);font-weight:800}.zone b{display:block;margin:8px 0 5px;font:500 20px 'DM Mono';letter-spacing:-1px}.zone small{color:#c6cfdf;font-size:9px}.feature{display:flex;gap:12px;align-items:center;margin-top:29px;padding:15px;border-radius:20px;background:linear-gradient(110deg,#26214c,#202c52);border:1px solid #ffffff15}.feature-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#ad99ff1d;color:#c4b6ff}.feature-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.5}.feature h3{margin:3px 0;font-size:13px}.feature p{margin:0;color:#a9b0c5;font-size:10px}.feature button{display:grid;place-items:center;margin-left:auto;border:0;width:33px;height:33px;border-radius:11px;background:#e8e0ff;color:#352d57}.styles{display:flex;gap:10px;overflow:auto}.style{position:relative;min-width:62px;height:62px;border:2px solid transparent;border-radius:17px;background:linear-gradient(145deg,#cfff83,#2a937e);box-shadow:inset 0 0 15px #fff5}.style:before{content:"";position:absolute;inset:15px;border:1px solid #fff9;border-radius:50%}.style:nth-child(2){background:linear-gradient(145deg,#3b547b,#111524)}.style:nth-child(3){background:linear-gradient(145deg,#ffa879,#7746b2)}.style:nth-child(4){background:linear-gradient(145deg,#eee,#4c5360)}.style:nth-child(5){background:linear-gradient(145deg,#75e5ff,#263a9b)}.style:nth-child(6){background:linear-gradient(145deg,#eeadff,#552ba0)}.style:nth-child(7){background:linear-gradient(145deg,#6d7584,#101218)}.style.active{border-color:#fff;box-shadow:0 0 0 3px var(--lime)}.style.locked{filter:saturate(.1) brightness(.6)}.style.locked:after{content:"";position:absolute;inset:24px;background:linear-gradient(#fff,#fff) 50% 65%/12px 7px no-repeat;border:1.7px solid #fff;border-radius:3px}.club{position:relative;overflow:hidden;margin-top:42px;padding:21px;border-radius:25px;background:linear-gradient(135deg,#d9ff8b,#91e98f 52%,#58c3b2);color:#102016}.club:after{content:"✦";position:absolute;right:-10px;bottom:-52px;font-size:155px;color:#fff4}.club-top{display:flex;justify-content:space-between;font:800 9px Manrope;letter-spacing:1px}.club h2{position:relative;z-index:1;margin:19px 0 9px;font-size:30px;line-height:1;letter-spacing:-1.5px}.club em{font-family:'Playfair Display';font-weight:600}.club p{position:relative;z-index:1;margin:0;font-size:10px;font-weight:700;opacity:.7}.club button{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:17px;border:0;border-radius:11px;background:#102218;color:#fff;padding:11px 13px;font:800 10px Manrope}.sheet{position:fixed;z-index:10;inset:0;display:flex;align-items:end}.hidden{display:none}.shade{position:absolute;inset:0;background:#03040bbf;backdrop-filter:blur(6px)}.sheet-body{position:relative;width:100%;max-width:620px;max-height:min(76vh,620px);overflow:auto;margin:auto;border:1px solid #ffffff17;border-bottom:0;border-radius:26px 26px 0 0;background:#171b2a;padding:10px 17px calc(25px + env(safe-area-inset-bottom));animation:up .3s ease}@keyframes up{from{transform:translateY(100%)}to{transform:none}}.grab{width:34px;height:4px;margin:0 auto 12px;border-radius:6px;background:#ffffff2b}.close{position:absolute;right:13px;top:12px;display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:10px;background:#ffffff12;color:#fff}.close svg{width:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.sheet h2{margin:8px 0 7px;font-size:24px;letter-spacing:-1px}.sheet p{font-size:12px;color:#b6bdd0;line-height:1.5}.option{display:flex;justify-content:space-between;width:100%;text-align:left;margin:7px 0;padding:14px;border-radius:14px;border:1px solid var(--line);background:#ffffff09;color:#fff;font:700 13px Manrope}.option span{color:var(--lime)}.pay-title{padding:4px 3px 11px}.pay-title small{color:var(--lime);font:800 9px Manrope;letter-spacing:1px}.pay-card{position:relative;margin:8px 0;padding:15px;border-radius:17px;border:1px solid var(--line);background:#ffffff09}.pay-card.hot{border-color:#cdfb7e70;background:#cdfb7e0e}.pay-card h3{margin:0;font-size:15px}.pay-card p{margin:5px 90px 7px 0;font-size:10px}.price{font:800 11px Manrope;color:var(--lime)}.pay-card button{position:absolute;right:12px;top:21px;border:0;border-radius:9px;background:var(--lime);color:#132011;padding:8px 10px;font:800 10px Manrope}.pay-card.current button{background:#ffffff18;color:#fff}.error{color:#ffabb9!important}@media(min-width:650px){main{padding-top:30px}}.toast{position:fixed;z-index:12;left:16px;right:16px;bottom:18px;padding:13px 15px;border:1px solid #ffabb944;border-radius:14px;background:#252031;color:#ffd1d8;font:700 11px Manrope;box-shadow:0 12px 35px #0008}@media(max-height:760px){main{padding-top:12px}.topbar{height:43px}.clock-stage{padding-top:15px}.stars{font-size:8px}.location{margin:11px 0 -4px}.time-shell{width:min(70vw,275px)}.quota{margin-top:-4px}.cities,.themes{margin-top:25px}.club{margin-top:28px}}