@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0b1428;--bg-card:#101e3a;--bg-card-alt:#0f1c35;--border:#ffffff12;--border-focus:#64b4ff99;--text-primary:#f0f6ff;--text-secondary:#8aaccc;--text-muted:#4d6e96;--green:#25d366;--green-hover:#1fb356;--green-glow:#25d36659;--green-glow-sm:#25d3662e;--blue:#2ca5e0;--blue-hover:#218fbf;--blue-glow:#2ca5e059;--blue-glow-sm:#2ca5e02e;--accent:#3b82f6;--accent-glow:#3b82f640;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:9999px}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#1e3358;border-radius:3px}.page-wrapper{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:40px 20px 60px;display:flex;position:relative}.page-wrapper:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(80% 60% at 20% 10%,#3b82f61f 0%,#0000 60%),radial-gradient(70% 50% at 80% 90%,#25d36614 0%,#0000 60%),radial-gradient(50% 40%,#101e3a99 0%,#0000 80%);position:fixed;inset:0}.main-card{flex-direction:column;align-items:center;gap:0;width:100%;max-width:440px;animation:.7s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex}.logo-section{flex-direction:column;align-items:center;gap:14px;margin-bottom:28px;animation:.6s cubic-bezier(.22,1,.36,1) 50ms both fadeUp;display:flex}.logo-icon-wrap{background:linear-gradient(135deg,#1e6ef7 0%,#00d2a0 100%);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #1e6ef773,0 2px 8px #0006}.logo-icon-wrap:after{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffff2e 0%,#0000 60%);position:absolute;inset:0}.logo-icon-wrap svg{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);z-index:1;position:relative}.logo-name{letter-spacing:-.5px;background:linear-gradient(90deg,#e8f0ff 0%,#a8c8ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;line-height:1}.logo-tagline{color:var(--text-secondary);text-align:center;max-width:260px;font-size:.92rem;font-weight:400;line-height:1.4}.badge-section{flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;animation:.6s cubic-bezier(.22,1,.36,1) .12s both fadeUp;display:flex}.member-badge{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101e3ae6;border:1px solid #ffffff17;align-items:center;gap:8px;padding:8px 18px;animation:3s ease-in-out infinite badgePulse;display:inline-flex}.member-badge-icon{background:#25d36626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.member-badge-icon svg{color:var(--green)}.member-badge-text{color:var(--text-primary);white-space:nowrap;font-size:.875rem;font-weight:600}.member-today{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.member-today-accent{color:var(--green);align-items:center;gap:4px;font-weight:600;display:inline-flex}.today-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotPulse}.buttons-section{flex-direction:column;gap:12px;width:100%;margin-bottom:20px;animation:.6s cubic-bezier(.22,1,.36,1) .2s both fadeUp;display:flex}.btn{border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;outline:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-family:inherit;font-size:.975rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,opacity .18s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.btn:active{transform:scale(.97)}.btn-whatsapp{color:#fff;box-shadow:0 4px 24px var(--green-glow), 0 2px 8px #00000040;background:linear-gradient(135deg,#25d366 0%,#1ab351 100%)}.btn-whatsapp:hover{background:linear-gradient(135deg,#2ce374 0%,#1ec05a 100%);transform:translateY(-2px);box-shadow:0 6px 32px #25d36680,0 2px 10px #0000004d}.btn-telegram{color:#fff;box-shadow:0 4px 24px var(--blue-glow), 0 2px 8px #00000040;background:linear-gradient(135deg,#2ca5e0 0%,#1a8dc4 100%)}.btn-telegram:hover{background:linear-gradient(135deg,#36b5f0 0%,#229ad4 100%);transform:translateY(-2px);box-shadow:0 6px 32px #2ca5e080,0 2px 10px #0000004d}.btn-copy{color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101e3ab3;border:1px solid #ffffff17;font-weight:600;box-shadow:0 2px 12px #0003}.btn-copy:hover{color:var(--text-primary);background:#142648d9;border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.btn-copy.copied{color:var(--green);border-color:#25d3664d}.btn-icon{flex-shrink:0;align-items:center;display:flex}.notice-wrap{justify-content:center;width:100%;margin-bottom:36px;animation:.6s cubic-bezier(.22,1,.36,1) .28s both fadeUp;display:flex}.notice-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);background:#101e3acc;border:1px solid #ffffff14;align-items:center;gap:10px;max-width:340px;padding:10px 14px 10px 18px;font-size:.82rem;display:inline-flex}.notice-text{flex:1;line-height:1.35}.notice-dismiss{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .15s,color .15s;display:flex}.notice-dismiss:hover{color:var(--text-secondary);background:#ffffff14}.notice-dismiss:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.notice-hidden{display:none}.footer-section{flex-direction:column;align-items:center;gap:14px;animation:.6s cubic-bezier(.22,1,.36,1) .35s both fadeUp;display:flex}.footer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:500}.social-icons{align-items:center;gap:10px;display:flex}.social-btn{width:38px;height:38px;color:var(--text-muted);background:#101e3ab3;border:1px solid #ffffff12;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;display:flex}.social-btn:hover{color:var(--text-secondary);background:#1e325acc;border-color:#ffffff24;transform:translateY(-2px)}.social-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);color:var(--text-primary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;pointer-events:auto;background:#101e3af2;border:1px solid #25d36640;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:600;animation:.35s cubic-bezier(.22,1,.36,1) both toastIn;display:inline-flex;box-shadow:0 8px 32px #0006,0 0 0 1px #25d3661a}.toast.toast-exit{animation:.3s forwards toastOut}.toast-icon{color:var(--green);align-items:center;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePulse{0%,to{box-shadow:0 0 #25d36600}50%{box-shadow:0 0 0 6px #25d3660f}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)scale(.96)}}@media (width<=480px){.page-wrapper{justify-content:flex-start;padding:10vh 16px 48px}.main-card{max-width:100%}.logo-icon-wrap{border-radius:18px;width:64px;height:64px}.logo-name{font-size:1.5rem}.logo-tagline{font-size:.875rem}.btn{padding:15px 20px;font-size:.95rem}.notice-pill{max-width:100%}}@media (width>=481px) and (width<=768px){.main-card{max-width:420px}}