@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&family=Space+Grotesk:wght@400;600&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,system-ui,sans-serif;background-color:#050507;--bg: #050507;--panel: #0d0d12;--accent: #ffcc00;--accent-strong: #ffd84d;--text: #f3f3f7;--muted: #a4a4b6;--border: rgba(255, 255, 255, .08);--text-base: clamp(16px, 2.4vw, 20px);--title-size: clamp(22px, 4vw, 32px);--small-text: clamp(12px, 2.2vw, 16px);--tracking-input: .4px;--tracking-button: .6px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#14141f,#050507 55%,#020203);color:var(--text);font-size:var(--text-base)}#root{min-height:100vh}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px 48px}.panel{width:min(520px,100%);background:transparent;border:none;border-radius:0;padding:clamp(20px,4vw,28px) 0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;text-align:center}.close-button{border:none;background:transparent;color:var(--text);font-family:Orbitron,sans-serif;font-size:22px;letter-spacing:var(--tracking-button);cursor:pointer;padding:4px 6px;border-radius:10px;transition:color .2s ease,background .2s ease}.close-button:hover{color:var(--accent-strong);background:#ffcc0014}.close-button-card{position:absolute;top:6px;right:8px}.logo{width:clamp(140px,28vw,200px);margin:0 auto 18px;display:block;filter:drop-shadow(0 0 18px rgba(255,204,0,.4))}h1{font-family:Orbitron,sans-serif;font-size:var(--title-size);margin:0 0 8px;letter-spacing:.6px}p{margin:0 0 24px;color:var(--muted);font-size:var(--small-text)}.phone-input{width:100%;padding:clamp(14px,3vw,18px) clamp(16px,3vw,20px);border-radius:14px;border:1px solid transparent;background:#121218;color:var(--text);font-size:clamp(16px,3vw,20px);font-family:Space Grotesk,sans-serif;font-weight:500;letter-spacing:var(--tracking-input);outline:none;transition:border .2s ease,box-shadow .2s ease;min-height:52px}.phone-input:focus{border-color:#fc09;box-shadow:0 0 0 3px #fc03}.lookup-form{display:grid;gap:12px}.submit-button{width:100%;padding:clamp(14px,3vw,18px) clamp(16px,3vw,20px);border-radius:14px;border:none;background:linear-gradient(120deg,#fc0,#ffd84d);color:#1a1200;font-family:Orbitron,sans-serif;font-size:clamp(14px,3vw,18px);font-weight:700;letter-spacing:var(--tracking-button);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.submit-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #fc03}.submit-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.ghost-button{margin-top:14px;width:100%;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--text);font-size:var(--small-text);font-family:Orbitron,sans-serif;letter-spacing:var(--tracking-button);cursor:pointer;transition:border .2s ease,color .2s ease;display:block}.ghost-button:hover{border-color:#ffcc00b3;color:var(--accent-strong)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040406b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal-card{width:min(520px,100%);background:#0d0d12;border-radius:18px;border:1px solid rgba(255,255,255,.08);padding:clamp(24px,4vw,32px);text-align:center;box-shadow:0 30px 60px #00000080;position:relative}.modal-card h2{font-family:Orbitron,sans-serif;margin:0 0 6px;font-size:clamp(20px,4vw,26px)}.back-button{position:absolute;top:18px;right:18px;border:none;background:transparent;color:var(--text);font-family:Orbitron,sans-serif;font-size:22px;letter-spacing:var(--tracking-button);cursor:pointer;padding:4px 6px;border-radius:10px;transition:color .2s ease,background .2s ease}.back-button:hover{color:var(--accent-strong);background:#ffcc0014}.signup-form{margin-top:16px;display:grid;gap:12px}.field-label{font-size:var(--small-text);color:var(--muted);text-align:left;font-family:Space Grotesk,sans-serif}.date-input{color-scheme:dark;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:44px;letter-spacing:var(--tracking-input);font-variant-numeric:tabular-nums}.date-input::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.4)!important;opacity:.9}.date-field{position:relative}@media (pointer: coarse){.date-field:before{content:attr(data-placeholder);position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:var(--small-text);pointer-events:none}.date-field.has-value:before{content:""}}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#ffcc00 50%),linear-gradient(135deg,#ffcc00 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 4px),calc(100% - 12px) calc(50% - 4px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:40px}.checkbox{display:flex;gap:10px;align-items:center;justify-content:center;font-size:var(--small-text);color:var(--muted)}.terms-link{background:none;border:none;padding:0;margin:0;color:var(--accent-strong);font:inherit;cursor:pointer;text-decoration:underline}.terms-card{text-align:left}.terms-text{font-size:var(--small-text);color:var(--muted);line-height:1.5;margin:12px 0 18px}.status.success{color:#7bf1a8}.status{margin-top:14px;font-size:var(--small-text);color:var(--muted)}.status.error{color:#ff7070}.xp-card{margin-top:22px;background:linear-gradient(160deg,#ffcc001f,#0d0d12e6);border:1px solid rgba(255,204,0,.3);border-radius:18px;padding:clamp(18px,4vw,24px);text-align:left;position:relative}.xp-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.xp-label{font-size:var(--small-text);color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.xp-total{font-family:Orbitron,sans-serif;font-size:clamp(20px,4vw,28px);font-weight:700;color:var(--accent-strong)}.level-badge{width:clamp(60px,12vw,76px);height:clamp(60px,12vw,76px);border-radius:999px;background:radial-gradient(circle at top,#ffe27a,#e0a800 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1a1200;font-family:Orbitron,sans-serif}.level-number{font-size:clamp(20px,4vw,26px);font-weight:700;line-height:1}.level-text{font-size:clamp(10px,2vw,12px);letter-spacing:1px}.progress-row{margin:16px 0 8px;display:flex;align-items:center;justify-content:space-between;font-size:var(--small-text);color:var(--muted)}.progress-track{width:100%;height:8px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fc0,#ffd84d);border-radius:999px;transition:width .3s ease}.progress-hint{margin-top:10px;font-size:var(--small-text);color:var(--muted)}.rewards-list{margin-top:16px;display:grid;gap:10px}.reward-item{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#121218;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.reward-item.reward-available{border-color:#fc06;background:linear-gradient(135deg,#ffcc0024,#121218e6)}.reward-item.reward-redeemed{border-color:#7cc57666}.reward-check{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:999px;background:#7cc57633;border:1px solid rgba(124,197,118,.6);color:#7cc576;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.reward-info{flex:1}.reward-title{font-weight:600;font-size:clamp(14px,2.6vw,18px)}.reward-meta{margin-top:4px;color:var(--muted);font-size:var(--small-text)}.reward-image{width:44px;height:44px;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,.2);flex:0 0 44px}@media (max-width: 480px){.panel{padding:28px 22px}.logo{width:120px}}