@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:radial-gradient(circle at top,#0b1220,#05070f);color:#fff;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#050a14f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:1000}.header-left{display:flex;align-items:center;gap:12px}.logo-img{height:40px}.logo-text{font-family:Orbitron,sans-serif;font-size:20px;background:linear-gradient(90deg,#6dd5ff,#3da9fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-right{display:flex;align-items:center;gap:12px}.avatar-img{width:36px;height:36px;border-radius:50%;border:2px solid #3da9fc;object-fit:cover;cursor:pointer}.wallet-box{padding:6px 12px;border-radius:20px;font-size:12px;background:#3da9fc26;border:1px solid rgba(61,169,252,.4);color:#6dd5ff}.content{flex:1;padding:20px 20px 90px;display:flex;flex-direction:column;gap:20px}.card{background:#ffffff0d;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-primary{padding:12px;border-radius:10px;border:none;font-weight:600;background:linear-gradient(90deg,#3da9fc,#6dd5ff);color:#001018;cursor:pointer;width:100%}.btn-primary:hover{opacity:.9}.bottom-nav{position:fixed;bottom:0;width:100%;height:60px;background:#0a0f19f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.08)}.bottom-nav a{text-decoration:none;color:gray;font-size:13px;transition:.2s}.bottom-nav a.active{color:#4da6ff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;justify-items:center;align-items:center}.grid img{width:100px;height:100px;object-fit:cover;border-radius:12px;cursor:pointer;transition:.3s}.grid img:hover{transform:scale(1.1)}.profile-card{max-width:420px;margin:0 auto;text-align:center}.profile-avatar{width:100px;height:100px;border-radius:50%;border:3px solid #3da9fc;margin-bottom:15px}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.avatar-option{width:70px;height:70px;border-radius:50%;cursor:pointer;border:2px solid transparent;object-fit:cover}.avatar-option.active{border:2px solid #4da6ff}.earn-page{padding:90px 20px 80px}.mission-card{background:#111;border-radius:14px;padding:15px;margin-bottom:18px;border:1px solid #1f1f1f;box-shadow:0 0 15px #0077ff1a}.mission-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.reward{color:#4da6ff;font-weight:700}.mission-preview{border-radius:10px;overflow:hidden;margin-bottom:12px}.mission-footer{text-align:right}.btn-primary{background:#4da6ff;border:none;padding:8px 14px;border-radius:8px;color:#fff;cursor:pointer}.btn-locked{background:#333;border:none;padding:8px 14px;border-radius:8px;color:gray}.empty-box{text-align:center;color:gray;margin-top:40px}.create-page{padding:90px 20px}.mission-form{background:#111;padding:20px;border-radius:14px;display:flex;flex-direction:column;gap:12px}.mission-form input,.mission-form select{padding:10px;border-radius:8px;border:none;background:#1a1a1a;color:#fff}.mission-form button{padding:10px;border-radius:8px;border:none;background:#4da6ff;color:#fff}.premium-note{font-size:12px;color:gold;margin-top:8px}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:999}.modal-box{background:#111;padding:25px;border-radius:14px;width:320px;text-align:center;border:1px solid #1f1f1f}.btn-gold{background:linear-gradient(45deg,gold,orange);border:none;padding:10px 16px;border-radius:10px;font-weight:700;margin-top:10px;cursor:pointer}.btn-close{margin-top:10px;background:#222;border:none;padding:8px 12px;border-radius:8px;color:#fff;cursor:pointer}.raffle-page{padding:90px 20px 80px}.raffle-card{background:#111;border-radius:16px;padding:18px;margin-bottom:20px;border:1px solid rgba(77,166,255,.2);box-shadow:0 0 15px #4da6ff14;transition:.3s}.raffle-card:hover{transform:translateY(-4px);box-shadow:0 0 25px #4da6ff40}.raffle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.raffle-prize{color:#4da6ff;font-weight:700}.raffle-info{display:flex;justify-content:space-between;font-size:13px;margin-bottom:14px;color:#aaa}.leaderboard-page{padding:90px 20px 80px}.leader-card{display:flex;align-items:center;gap:14px;background:#111;border-radius:16px;padding:14px;margin-bottom:14px;border:1px solid rgba(77,166,255,.15);transition:.3s}.leader-card:hover{transform:translateY(-3px);box-shadow:0 0 20px #4da6ff40}.leader-card.me{border:1px solid #4da6ff;box-shadow:0 0 20px #4da6ff66}.rank{font-weight:700;font-size:18px;color:#4da6ff;width:40px}.leader-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(77,166,255,.3)}.leader-info{flex:1}.leader-top{display:flex;align-items:center;gap:8px}.leader-name{font-weight:600}.leader-wallet{font-size:12px;color:#aaa}.leader-points{font-weight:700;color:#4da6ff}.premium-badge{font-size:10px;background:linear-gradient(45deg,gold,orange);padding:3px 8px;border-radius:8px;color:#000;font-weight:700}.claim-page{padding:90px 20px 80px;text-align:center}.box-container{margin-top:30px}.mystery-box{width:160px;cursor:pointer;transition:.3s;filter:drop-shadow(0 0 15px rgba(77,166,255,.6))}.mystery-box:hover{transform:scale(1.08);filter:drop-shadow(0 0 25px rgba(77,166,255,1))}.mystery-box.open{animation:shake .6s ease-in-out}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}.cooldown-text{margin-top:20px;font-size:14px;color:#aaa}.reward-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999}.reward-card{background:#111;padding:30px;border-radius:18px;width:320px;text-align:center;border:1px solid rgba(77,166,255,.4);box-shadow:0 0 40px #4da6ff4d;animation:fadeIn .4s ease}.reward-value{font-size:22px;font-weight:700;margin:15px 0;color:#4da6ff}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}