@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color:#06070d;--surface-color:#121520e0;--surface-strong:#151926fa;--surface-hover:#1f2435eb;--primary-gradient:linear-gradient(135deg, #4f46e5 0%, #8b5cf6 55%, #22d3ee 100%);--primary-glow:#4f46e552;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#2dd4bf;--accent-soft:#2dd4bf24;--danger-soft:#ef444424;--border-color:#ffffff14;--sidebar-width:292px;--shell-width:1440px;--content-gutter:clamp(20px, 2vw, 28px);--bottom-nav-height:88px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}html,body,#root{background-color:var(--bg-color);width:100%;min-height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 0 0,#4f46e538,#0000 28%),radial-gradient(circle at 100% 0,#22d3ee1f,#0000 26%),linear-gradient(#05060c 0%,#090b12 38%,#07080f 100%);overflow-x:hidden}button,input,select,textarea{font:inherit}button{border:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.42s cubic-bezier(.16,1,.3,1) forwards fadeIn}.app-shell{width:min(100%, var(--shell-width));grid-template-columns:var(--sidebar-width) minmax(0, 1fr);gap:24px;min-height:100vh;margin:0 auto;padding:24px;display:grid}.desktop-sidebar{flex-direction:column;align-self:start;gap:18px;display:flex;position:sticky;top:24px}.brand-panel,.desktop-topbar,.container,.glass-card{border:1px solid var(--border-color);background:var(--surface-color);-webkit-backdrop-filter:blur(22px);box-shadow:0 20px 60px #00000042}.brand-panel{background:radial-gradient(circle at 100% 0,#22d3ee29,#0000 34%),linear-gradient(#111420fa,#0b0e18fa);border-radius:28px;padding:22px}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-icon{background:var(--primary-gradient);border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 16px 34px #4f46e547}.brand-kicker,.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#8ea5ff;font-size:11px}.brand-panel h1{margin-top:4px;font-size:26px;line-height:1}.brand-copy{color:var(--text-secondary);margin-top:16px;font-size:14px;line-height:1.55}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-item{cursor:pointer;transition:all .18s}.sidebar-nav .nav-item{width:100%;color:var(--text-secondary);background:#ffffff05;border:1px solid #0000;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex}.sidebar-nav .nav-item:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff14}.sidebar-nav .nav-item.active{color:#fff;background:linear-gradient(135deg,#4f46e538,#22d3ee1f);border-color:#675eff42}.sidebar-nav .nav-item.active svg{color:var(--accent);filter:drop-shadow(0 0 8px #2dd4bf47)}.nav-copy{flex-direction:column;gap:2px;display:flex}.nav-label{font-size:14px;font-weight:600}.nav-description{color:var(--text-muted);font-size:12px}.sidebar-status{border-radius:24px;flex-direction:column;gap:14px;margin-top:4px;padding:18px;display:flex}.sidebar-status__group{flex-direction:column;gap:4px;display:flex}.sidebar-status__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.sidebar-status__value{font-size:16px;font-weight:600}.app-stage{flex-direction:column;gap:16px;min-width:0;min-height:calc(100vh - 48px);display:flex}.desktop-topbar{border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.desktop-topbar h2{margin-top:4px;font-size:28px;line-height:1.05}.desktop-topbar p{color:var(--text-secondary);margin-top:6px;font-size:14px}.desktop-topbar__meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.status-pill{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600}.status-pill strong{color:var(--text-primary);margin-left:6px}.container{background:linear-gradient(#0b0e16fa,#080a10fa),radial-gradient(circle at 100% 0,#4f46e52e,#0000 34%);border-radius:32px;flex:1;width:100%;min-height:0;overflow:hidden}.page-content{width:100%;max-width:1240px;padding:30px var(--content-gutter);flex-direction:column;gap:24px;margin:0 auto;display:flex}.page-content--home{padding-top:34px;padding-bottom:40px}.page-content--narrow{max-width:900px}.bottom-nav{z-index:100;padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(22px);background:#06080ef5;justify-content:space-around;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-item{min-width:0;color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.bottom-nav .nav-item.active{color:#fff}.bottom-nav .nav-item.active svg{color:var(--accent);filter:drop-shadow(0 0 8px #2dd4bf47)}.mobile-nav{display:none!important}.glass-card{border-radius:26px;padding:22px}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.primary-button,.secondary-button{cursor:pointer;border-radius:16px;width:100%;padding:15px 18px;font-size:15px;font-weight:600;transition:transform .16s,box-shadow .16s,border-color .16s}.primary-button{color:#fff;background:var(--primary-gradient);box-shadow:0 18px 34px var(--primary-glow)}.primary-button:hover{transform:translateY(-1px)}.secondary-button{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff05}.secondary-button:hover{border-color:#ffffff24}.home-hero{background:radial-gradient(circle at 100% 0,#2dd4bf1a,#0000 32%),radial-gradient(circle at 0 0,#4f46e52e,#0000 30%),linear-gradient(#11141ffa,#0b0e16fa);grid-template-columns:minmax(0,1.3fr) minmax(360px,.9fr);gap:18px;padding:24px;display:grid}.home-hero-copy{flex-direction:column;gap:14px;display:flex}.home-hero-copy h1{max-width:11ch;font-size:clamp(28px,3vw,44px);line-height:1.02}.home-hero-copy p{max-width:56ch;color:var(--text-secondary);line-height:1.6}.home-hero-note{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.home-hero-note:before{content:"";background:var(--accent);border-radius:999px;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 6px #2dd4bf14}.home-hero-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;padding:18px}.stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.stat-card__value{margin-top:10px;font-size:24px;font-weight:700}.stat-card__hint{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.5}.home-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:20px;display:grid}.home-panel{min-width:0}.home-panel h3{margin-bottom:16px;font-size:19px}.featured-banner{background:radial-gradient(circle at 100% 0,#a855f72e,#0000 36%),linear-gradient(135deg,#1e1b4bfa,#312e81f0);border-color:#6366f147;flex-direction:column;gap:10px;min-height:100%;display:flex}.featured-banner h2{text-transform:uppercase;letter-spacing:.12em;color:#a5b4fc;font-size:12px}.featured-banner h1{font-size:30px;line-height:1.05}.featured-banner p{color:#c7d2fe;line-height:1.6}.empty-state-card,.checklist-card,.quest-board{min-width:0}.empty-state-card{flex-direction:column;gap:14px;display:flex}.empty-state-card p{color:var(--text-secondary);line-height:1.6}.empty-state-actions,.checklist-actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.checklist-card{flex-direction:column;gap:16px;display:flex}.checklist-list{flex-direction:column;gap:10px;list-style:none;display:flex}.checklist-list li{color:var(--text-secondary);gap:10px;line-height:1.5;display:flex}.checklist-list li:before{content:"";background:var(--accent);border-radius:999px;flex-shrink:0;width:10px;height:10px;margin-top:6px;box-shadow:0 0 0 6px #2dd4bf14}.home-action-list{flex-direction:column;gap:12px;list-style:none;display:flex}.home-action-item{align-items:flex-start;gap:12px;display:flex}.home-action-index{width:28px;height:28px;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.home-action-copy{flex-direction:column;gap:4px;display:flex}.home-action-copy strong{font-size:14px}.home-action-copy span{color:var(--text-secondary);font-size:13px;line-height:1.5}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-head h3{font-size:20px}.section-head p{color:var(--text-secondary);font-size:13px}.airdrop-list{min-width:0}.airdrop-card{cursor:pointer;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.airdrop-card:last-child{margin-bottom:0}.card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.card-info h4{font-size:16px}.card-info .reward{color:var(--accent);font-size:13px;font-weight:600}.card-arrow{color:var(--text-secondary);opacity:.5;flex-shrink:0}.user-profile{align-items:center;gap:12px;display:flex}.avatar{background:var(--primary-gradient);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.user-info{flex-direction:column;gap:2px;display:flex}.user-info .wallet{color:var(--text-secondary);font-size:13px}.user-info .points{font-size:16px}@media (width<=1180px){.home-hero,.home-main-grid{grid-template-columns:1fr}}@media (width<=900px){:root{--content-gutter:20px}.app-shell{padding:0;display:block}.desktop-sidebar,.desktop-topbar{display:none}.app-stage{gap:0;min-height:100vh}.container{min-height:100vh;box-shadow:none;border:none;border-radius:0}.page-content{padding:24px var(--content-gutter) calc(var(--bottom-nav-height) + 28px)}.page-content--home{padding-top:24px}.home-hero-copy h1{max-width:none}.home-stats-grid{grid-template-columns:1fr 1fr}.mobile-nav{display:flex!important}}@media (width<=640px){.home-hero,.glass-card{border-radius:22px;padding:18px}.home-stats-grid{grid-template-columns:1fr}.home-hero-actions,.empty-state-actions,.checklist-actions{flex-direction:column}.home-hero-actions .primary-button,.home-hero-actions .secondary-button,.empty-state-actions .primary-button,.empty-state-actions .secondary-button,.checklist-actions .primary-button,.checklist-actions .secondary-button{width:100%!important}}