.app-shell{color:#eff6f3;isolation:isolate;min-height:100vh;padding:24px 20px 32px;position:relative}.shell-backdrop{z-index:-2;background:linear-gradient(150deg,#030c0efa 0%,#071616f5 42%,#060a12fa 100%);position:fixed;inset:0}.shell-backdrop:before,.shell-backdrop:after{content:"";pointer-events:none;position:absolute;inset:0}.shell-backdrop:before{opacity:.32;background:linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/100% 48px,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/48px 100%,linear-gradient(135deg,#2dd4bf14,#0000 38%,#60a5fa17 68%,#0000 100%) 0 0/100% 100%;animation:34s linear infinite grid-drift}.shell-backdrop:after{opacity:.55;background:linear-gradient(115deg,#0000 0%,#ffffff0a 25%,#0000 48%),linear-gradient(#10b9811f,#0000 26% 74%,#facc1512);animation:16s ease-in-out infinite sheen}.dashboard{z-index:1;gap:18px;max-width:1240px;margin:0 auto;display:grid;position:relative}.section-switcher{z-index:4;background:#0811159e;flex-wrap:wrap;gap:8px;padding:10px;display:flex;position:sticky;top:14px}.switcher-chip{color:#e6f0ecc7;background:#ffffff08;border:1px solid #94a3b81f;border-radius:999px;min-height:40px;padding:0 14px;font-weight:700;transition:background .18s,color .18s,border-color .18s,transform .18s}.switcher-chip:hover{transform:translateY(-1px)}.switcher-chip.is-active{color:#ecfdf5;background:linear-gradient(135deg,#36d3992e,#14b8a62e);border-color:#6ee7b74d}.topbar{z-index:1;justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto 18px;display:flex;position:relative}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-logo{object-fit:cover;border-radius:18px;width:56px;height:56px;box-shadow:0 12px 28px #00000059,inset 0 0 0 1px #ffffff1f}.brand-copy{gap:2px;display:grid}.brand-name{letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.brand-subtitle{color:#e6f0ecad;font-size:.88rem}.status-cluster{align-items:center;gap:10px;display:flex}.status-chip,.clock-chip{color:#f0f8f4eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1418b8;border:1px solid #94a3b826;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;display:inline-flex;box-shadow:0 18px 40px #0000003d,inset 0 1px #ffffff0a}.status-chip.is-warn{border-color:#f472b647}.status-dot{background:#34d399;border-radius:999px;width:8px;height:8px;animation:2.3s ease-in-out infinite pulse;box-shadow:0 0 #34d3995c}.clock-chip{color:#d0dcd7d1}.panel{-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:linear-gradient(#0b151aeb,#081115cc),#081115b8;border:1px solid #94a3b824;border-radius:28px;position:relative;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff0d}.reveal{opacity:0;transform:translateY(18px)scale(.99)}.is-ready .reveal{animation:.82s cubic-bezier(.16,1,.3,1) forwards lift-in;animation-delay:var(--delay,0s)}.hero-panel{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:22px;padding:28px;display:grid;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff0f 26%,#0000 54%);animation:12s linear infinite sweep;position:absolute;inset:0;transform:translate(-44%)}.hero-copy{z-index:1;max-width:620px;position:relative}.eyebrow{color:#8ef0c8;letter-spacing:.15em;text-transform:uppercase;background:#10b9811c;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:7px 11px;font-size:.73rem;font-weight:800;display:inline-flex}.hero-copy h1,.panel-topline h2,.news-stage h3{text-wrap:balance;margin:0}.hero-copy h1{letter-spacing:-.05em;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.98}.hero-copy p,.news-stage p,.fact-copy p{color:#d0dcd7bd;margin:14px 0 0;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.summary-card{background:#ffffff0a;border:1px solid #94a3b81a;border-radius:18px;gap:6px;padding:14px;display:grid}.summary-card span{color:#c3d2ccb3;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}.summary-card strong{font-size:.98rem;line-height:1.35}.button{letter-spacing:-.01em;border-radius:999px;min-height:48px;padding:0 16px;font-weight:700;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-1px)}.button--primary{color:#04110f;background:linear-gradient(135deg,#36d399 0%,#14b8a6 100%);box-shadow:0 16px 34px #14b8a647}.button--ghost{color:#edf5f1f5;background:#0f171e80;border:1px solid #94a3b82e}.button--chip{color:#f0f8f4e6;background:#0f171eb8;border:1px solid #94a3b829;min-height:40px;padding:0 14px}.hero-signals{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.signal-chip{opacity:0;background:#ffffff0a;border:1px solid #94a3b81f;border-radius:20px;gap:4px;min-width:132px;padding:12px 14px;display:grid;transform:translateY(10px)}.is-ready .signal-chip{animation:.75s cubic-bezier(.16,1,.3,1) forwards lift-in;animation-delay:var(--delay,0s)}.signal-chip span{color:#c3d2ccb3;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.signal-chip strong{font-size:.96rem}.hero-visual{z-index:1;position:relative}.hero-frame{background:linear-gradient(160deg,#ffffff0d,#ffffff05),#060e11db;border:1px solid #94a3b826;border-radius:26px;padding:14px;position:relative;overflow:hidden}.hero-image{aspect-ratio:4/3;object-fit:cover;filter:saturate(1.06)contrast(1.02);border-radius:18px;width:100%;transform:scale(1.01)}.hero-caption{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050e12b8;border:1px solid #94a3b829;border-radius:18px;justify-content:space-between;align-items:end;gap:14px;padding:14px 16px;display:flex;position:absolute;bottom:22px;left:26px;right:26px}.caption-label{color:#c3d2ccb3;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;display:block}.caption-meta{color:#e8f1ecb8;font-size:.88rem}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card{padding:18px}.metric-value{letter-spacing:-.05em;align-items:baseline;gap:6px;font-size:2rem;font-weight:900;display:flex}.metric-value small{color:#c3d2ccb8;font-size:.95rem}.metric-label{color:#c3d2ccc7;margin-top:6px;font-size:.92rem}.metric-track{background:#ffffff0f;border-radius:999px;height:4px;margin-top:16px;overflow:hidden}.metric-track span{border-radius:inherit;background:linear-gradient(90deg,#36d399,#14b8a6,#60a5fa);width:68%;height:100%;animation:4.5s linear infinite shimmer;display:block}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.action-card{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:18px;display:grid}.action-card:hover{border-color:#6ee7b738;transform:translateY(-2px);box-shadow:0 24px 48px #00000052,inset 0 0 0 1px #14b8a614}.action-image{object-fit:contain;filter:drop-shadow(0 10px 20px #0003);flex:none;width:64px;height:64px}.action-copy{min-width:0}.action-title{letter-spacing:-.02em;font-size:1.08rem;font-weight:800}.action-subtitle{color:#c3d2ccbd;margin-top:5px;line-height:1.45}.action-arrow{color:#a1e6cfe6;font-size:1.3rem;transition:transform .18s}.action-card:hover .action-arrow{transform:translate(3px)}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;display:grid}.news-panel,.rewards-panel{padding:20px}.panel-topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-topline h2{margin-top:2px;font-size:clamp(1.3rem,3vw,2rem);line-height:1.08}.news-count{color:#c3d2ccb3;background:#ffffff0a;border:1px solid #94a3b81a;border-radius:999px;align-items:baseline;gap:4px;padding:8px 12px;display:inline-flex}.news-count-value{color:#f0faf7;font-weight:800}.news-stage{background:linear-gradient(135deg,#0e191deb,#081214c2),#ffffff08;border:1px solid #94a3b81f;border-radius:22px;margin-top:18px;padding:18px}.news-stage--next{animation:.42s slide-next}.news-stage--prev{animation:.42s slide-prev}.news-kicker{color:#8ef0c8;letter-spacing:.12em;text-transform:uppercase;background:#10b9811a;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.news-stage h3{margin-top:12px;font-size:clamp(1.3rem,3vw,2.1rem);line-height:1.05}.news-stage p{max-width:58ch}.news-link{color:#8ef0c8;margin-top:16px;font-weight:700;text-decoration:none;display:inline-flex}.news-link:hover{text-decoration:underline}.news-link.is-disabled{opacity:.45;cursor:default;text-decoration:none}.news-meta{gap:14px;margin-top:16px;display:grid}.news-progress{background:#ffffff0f;border-radius:999px;height:4px;overflow:hidden}.news-progress span{border-radius:inherit;background:linear-gradient(90deg,#36d399 0%,#14b8a6 52%,#60a5fa 100%);height:100%;transition:width .45s;display:block}.panel-actions{flex-wrap:wrap;gap:10px;display:flex}.dots{gap:8px;margin-top:16px;display:flex}.dot{background:#ffffff2e;border-radius:999px;width:8px;height:8px;transition:width .22s,background .22s,transform .22s}.dot:hover{transform:scale(1.1)}.dot.is-active{background:linear-gradient(90deg,#36d399 0%,#14b8a6 100%);width:26px}.panel-icon{flex:none;width:44px;height:44px}.reward-list{gap:12px;margin-top:16px;display:grid}.reward-item{opacity:0;background:#ffffff0a;border:1px solid #94a3b81a;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid;transform:translateY(8px)}.is-ready .reward-item{animation:.72s cubic-bezier(.16,1,.3,1) forwards lift-in;animation-delay:calc(var(--delay,0s) + 80ms)}.reward-item:hover{background:#ffffff0f;border-color:#6ee7b72e}.reward-emoji{font-size:1.55rem}.reward-copy{gap:3px;min-width:0;display:grid}.reward-copy strong{font-size:.98rem}.reward-copy span{color:#c3d2ccb8;font-size:.88rem}.reward-cost{color:#8ef0c8;background:#10b9811a;border-radius:999px;padding:8px 12px;font-weight:800}.fact-panel{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;scroll-margin-top:88px;display:grid}.fact-icon-wrap{background:#ffffff0a;border:1px solid #94a3b81a;border-radius:18px;place-items:center;width:52px;height:52px;display:grid}.fact-icon{width:30px;height:30px}.fact-copy p{margin-top:6px}.fact-badge{color:#e8f1ece0;justify-items:end;gap:3px;padding-left:10px;display:grid}.fact-badge-label{color:#c3d2cca8;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}@media (width<=1040px){.hero-panel,.content-grid{grid-template-columns:1fr}}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start}.section-switcher{top:10px}.stats-row,.action-grid{grid-template-columns:1fr}.fact-panel{grid-template-columns:1fr;justify-items:start}.fact-badge{justify-items:start;padding-left:0}}@media (width<=640px){.app-shell{padding:14px 12px 24px}.hero-panel,.news-panel,.rewards-panel,.fact-panel,.metric-card,.action-card{padding:16px}.hero-copy h1{font-size:clamp(2rem,12vw,3rem)}.hero-caption{flex-direction:column;align-items:flex-start;bottom:18px;left:18px;right:18px}.hero-summary{grid-template-columns:1fr}.reward-item{grid-template-columns:auto 1fr}.reward-cost{grid-column:2;justify-self:start}.status-cluster{flex-wrap:wrap;width:100%}.status-chip,.clock-chip{flex:1 1 0;justify-content:center}.section-switcher{justify-content:stretch}.switcher-chip{flex:1 1 0}}@keyframes lift-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{box-shadow:0 0 #34d3993d}50%{box-shadow:0 0 0 8px #34d3990a}}@keyframes sweep{0%{transform:translate(-52%)}to{transform:translate(52%)}}@keyframes sheen{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:.7;transform:translateY(8px)}}@keyframes grid-drift{0%{background-position:0 0,0 0,0 0}to{background-position:0 48px,48px 0,0 0}}@keyframes shimmer{0%{transform:translate(-24%)}to{transform:translate(24%)}}@keyframes slide-next{0%{opacity:.72;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-prev{0%{opacity:.72;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.shell-backdrop:before,.shell-backdrop:after,.status-dot,.hero-panel:before,.metric-track span,.news-stage--next,.news-stage--prev,.is-ready .reveal,.is-ready .signal-chip,.is-ready .reward-item{animation:none!important}.reveal,.signal-chip,.reward-item{opacity:1;transform:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eff6f3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(150deg,#02070a 0%,#061316 44%,#050913 100%);font-family:DM Sans,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:linear-gradient(#07131559,#0713150d),#02070a;min-height:100vh}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}a{color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}
