*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#fff;background:radial-gradient(1200px 500px at 70% -20%,#4664ff33,#0000 60%),radial-gradient(900px 600px at -10% 120%,#00ffbe26,#0000 60%),#0b1020;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.page{min-height:100vh;padding:18px 12px 24px;position:relative;overflow:hidden}.container{z-index:3;max-width:430px;margin:0 auto;position:relative}.bg-orb{filter:blur(70px);opacity:.5;z-index:1;border-radius:999px;animation:10s ease-in-out infinite float;position:absolute}.bg-orb-1{background:radial-gradient(circle,#1e66ff 0%,#1e66ff00 70%);width:280px;height:280px;top:-100px;left:-80px}.bg-orb-2{background:radial-gradient(circle,#00b38a 0%,#00b38a00 70%);width:340px;height:340px;animation-delay:2.2s;bottom:-140px;right:-120px}.bg-grid{z-index:2;pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000059,#0000);mask-image:linear-gradient(#00000059,#0000)}.header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand{align-items:center;gap:10px;display:flex}.logo{color:#fff;background:linear-gradient(130deg,#1d56ff 0%,#21d5a3 120%);border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 6px 24px #122e8680}.title{letter-spacing:.3px;font-size:25px;font-weight:700}.subtitle{color:#ffffff9e;margin-top:2px;font-size:12px}.status-dot{background:#31ff9f;border-radius:999px;width:12px;height:12px;animation:1.7s infinite pulse;box-shadow:0 0 16px #31ff9fd9}.card{-webkit-backdrop-filter:blur(18px)saturate(130%);background:linear-gradient(145deg,#1f316073,#0e19345c),#0d152d52;border:1px solid #bcd0ff38;border-radius:28px;margin-bottom:12px;padding:18px 14px;animation:.55s both fadeUp;box-shadow:inset 0 1px #ffffff38,0 16px 36px #02091d6b}.card:nth-of-type(2){animation-delay:.12s}.card-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-title{color:#ff6280;margin:0;font-size:16px;font-weight:700}.chip{border:1px solid #0000;border-radius:999px;padding:5px 11px;font-size:12px}.chip-active{color:#2bff9a;background:#2bff9a14;border-color:#2bff9a66}.chip-inactive{color:#ff9fae;background:#ff56781f;border-color:#ff567873}.days-wrap{justify-content:center;align-items:center;margin:8px 0 4px;display:flex}.days{text-align:center;color:#ff5a76;text-shadow:0 0 18px #ff5a7673;margin:0;font-size:74px;font-weight:800;line-height:1}.meta{text-align:center;color:#a8b4d8;margin-bottom:12px;font-size:14px}.btn{cursor:pointer;border:1px solid #ffffff21;border-radius:16px;width:100%;padding:11px 12px;font-size:16px;font-weight:600;transition:transform .26s,box-shadow .26s,opacity .26s,border-color .26s}.btn-compact{min-height:50px}.btn:active{transform:scale(.98)}.btn:hover{opacity:.98;transform:translateY(-2px)scale(1.008)}.btn-main{color:#0d1630;background:linear-gradient(130deg,#f2f6fff5 0%,#d8e2f8ed 50%,#c6ede2e6 100%);margin-bottom:10px;box-shadow:inset 0 1px #fff9,0 8px 24px #8cbaff42}.btn-outline{color:#fff;background:#17275347;border-color:#cedcff40}.btn-main:hover{box-shadow:inset 0 1px #ffffffbd,0 10px 30px #82b6ff57}.btn-outline:hover{border-color:#dce8ff6b;box-shadow:0 10px 28px #2749973d}.gift-title{letter-spacing:.1px;margin-bottom:9px;font-size:21px;font-weight:700;line-height:1.28}.gift-text{color:#afbbde;margin-bottom:12px;font-size:16px;line-height:1.45}.stats{color:#d5ddf3;margin-bottom:16px;font-size:15px;line-height:1.5}.row{gap:10px;display:flex}.half{flex:1}.small{color:#acb8da;text-align:center;margin-top:12px;font-size:12px}@media (width<=380px){.title{font-size:23px}.days{font-size:66px}.gift-title{font-size:20px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.03)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.78;transform:scale(1.26)}}