@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Instrument+Sans:wght@400;500;600;700&display=swap";
:root{--bg:#07111f;--bg-soft:#0d1a2d;--panel:#0c182bad;--panel-strong:#111d32db;--panel-card:#12223ab8;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#f5f8ff;--muted:#a8b6d1;--muted-2:#7d8aa6;--accent:#79d7ff;--accent-2:#8b8cff;--accent-3:#ff7bbd;--success:#74f0ba;--warning:#ffcd72;--danger:#ff8f9f;--radius:24px;--radius-sm:18px;--shadow-lg:0 20px 90px #02081773;--shadow-md:0 12px 40px #050c1a47}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#79d7ff2e,#0000 28%),radial-gradient(circle at 100% 0,#8b8cff2e,#0000 22%),radial-gradient(circle at bottom,#ff7bbd29,#0000 30%),linear-gradient(#0a1220 0%,#06101d 52%,#040b15 100%);font-family:Instrument Sans,sans-serif;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 320 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='0.08' filter='url(%23noise)'/%3E%3C/svg%3E")}body:after{opacity:.18;background-color:#0000;background-image:linear-gradient(#0000 96%,#ffffff08 100%),linear-gradient(90deg,#0000 96%,#ffffff08 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:120px 120px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}body>*{z-index:1;position:relative}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{background:0 0;border:none}img{display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-10px)scale(1.03)}}.marketing-page,.auth-page,.public-page{width:min(1200px,100% - 32px);margin:0 auto;padding:28px 0 64px}.marketing-page{flex-direction:column;gap:28px;display:flex}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{width:min(560px,100%)}.auth-card.wide{width:min(860px,100%)}.hero-grid,.marketing-grid,.dashboard-grid{gap:22px;display:grid}.hero-grid{grid-template-columns:1.18fr .82fr}.marketing-grid,.dashboard-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1.05fr .95fr}.hero-copy,.stack-xl,.stack-lg,.stack-md,.stack-sm{flex-direction:column;display:flex}.stack-xl{gap:28px}.stack-lg{gap:20px}.stack-md{gap:14px}.stack-sm{gap:8px}.panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);padding:22px;animation:.38s fadeUp;position:relative;overflow:hidden}.panel:before{content:"";border-radius:inherit;opacity:.6;pointer-events:none;background:linear-gradient(#ffffff1f,#0000 42%);position:absolute;inset:0}.glass-panel{background:radial-gradient(circle at top right, #79d7ff1f, transparent 28%), radial-gradient(circle at bottom left, #8b8cff1f, transparent 28%), var(--panel)}.hero-panel{padding:28px}.hero-card{justify-content:center}.hero-split,.profile-visual-row,.icon-chip-row,.hero-badges,.button-row,.topbar-nav,.badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-split{justify-content:space-between;align-items:center;margin-bottom:18px}.hero-side-visual,.hero-visual,.settings-art-wrap{justify-content:center;align-items:center;display:flex}.hero-copy{justify-content:center;gap:18px;min-height:100%;position:relative}.hero-orb{filter:blur(40px);opacity:.35;border-radius:999px;width:280px;height:280px;animation:8s ease-in-out infinite drift;position:absolute}.hero-orb-left{background:linear-gradient(#79d7ffb3,#8b8cff0d);top:-70px;right:10%}.section-illustration{filter:drop-shadow(0 18px 40px #050c1a66);width:min(100%,420px);height:auto}.section-illustration.small{width:min(100%,220px)}.hero-title,.brand,.section-heading,.stat-value{letter-spacing:-.04em;font-family:Space Grotesk,sans-serif}.hero-title{max-width:8.6ch;font-size:clamp(58px,9vw,116px);line-height:.92}.hero-title.small{font-size:clamp(34px,6vw,60px)}.hero-subtitle,.muted-copy,.helper-text{color:var(--muted);font-size:13px;line-height:1.75}.helper-text{color:var(--muted-2)}.eyebrow,.field-label,.stat-label,.sidebar-label,.hero-card-title{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);font-size:10px}.section-heading{font-size:32px;line-height:1.02}.button{border:1px solid var(--line-strong);cursor:pointer;letter-spacing:.08em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 18px;font-size:11px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-large{min-height:52px;padding-inline:24px}.button-primary{color:#07111f;background:linear-gradient(135deg, var(--accent), #e6fbff);border-color:#0000;box-shadow:0 10px 25px #79d7ff40}.button-secondary{color:var(--text);background:#ffffff14}.button-ghost{color:var(--muted);background:#ffffff0a}.icon-chip,.badge,.pill-link{color:var(--text);letter-spacing:.12em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:inline-flex}.icon-chip.subtle{color:var(--muted)}.pill-link.active,.badge-success{color:var(--success);background:#74f0ba1f;border-color:#74f0ba42}.timeline-item,.leaderboard-row,.log-card,.user-card,.settings-row,.search-row{align-items:center;gap:12px;display:flex}.timeline-item{color:var(--muted);border-top:1px solid #ffffff14;padding:14px 0;font-size:13px;line-height:1.65}.timeline-item span,.rank-chip,.card-icon{width:38px;height:38px;color:var(--accent);background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.feature-list,.leaderboard-list,.log-list,.user-list{flex-direction:column;gap:12px;display:flex}.feature-list div,.log-card,.user-card,.leaderboard-row,.stat-card,.heatmap-day{background:var(--panel-card);box-shadow:var(--shadow-md);border:1px solid #ffffff14}.feature-list div,.log-card,.user-card,.leaderboard-row{border-radius:20px;padding:16px}.feature-list.compact div{padding:12px 14px}.leaderboard-main,.log-title{flex:1}.leaderboard-link{color:var(--text);font-weight:600}.leaderboard-metrics{color:var(--muted);letter-spacing:.12em;flex-direction:column;align-items:flex-end;gap:6px;font-size:10px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{border-radius:22px;flex-direction:column;gap:6px;padding:18px;display:flex}.stat-value{font-size:42px;line-height:.92}.stat-value.orange{color:var(--warning)}.stat-value.green{color:var(--success)}.stat-value.blue{color:var(--accent)}.stat-sub{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.shell{min-height:100vh;padding-bottom:84px}.topbar{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(1240px,100% - 28px);box-shadow:var(--shadow-md);background:#0a1220b3;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin:14px auto 0;padding:12px 18px;display:flex;position:sticky;top:0}.topbar-menu{display:none}.brand{font-size:30px;font-weight:700}.brand span{color:var(--accent)}.topbar-user{align-items:center;gap:12px;display:flex}.topbar-meta{color:var(--muted);letter-spacing:.12em;flex-direction:column;align-items:flex-end;gap:4px;font-size:10px;display:flex}.avatar,.public-avatar{color:var(--text);background:linear-gradient(135deg,#79d7ff42,#8b8cff42);border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.avatar{flex-shrink:0;width:44px;height:44px}.public-avatar{width:104px;height:104px;font-size:34px}.shell-body{min-height:calc(100vh - 70px);display:flex}.sidebar{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:260px;box-shadow:var(--shadow-md);background:#0a12209e;border-radius:28px;flex-direction:column;flex-shrink:0;gap:24px;margin:22px 0 0 14px;padding:20px;display:flex}.sidebar-section,.sidebar-stats{flex-direction:column;gap:8px;display:flex}.sidebar-link{color:var(--muted);letter-spacing:.08em;border:1px solid #0000;border-radius:18px;align-items:center;gap:10px;padding:12px 14px;font-size:12px;transition:all .16s;display:flex}.sidebar-link.active,.sidebar-link:hover{color:var(--text);background:#ffffff14;border-color:#ffffff1f}.nav-icon{color:var(--accent)}.content{flex:1;width:min(1240px,100%);margin:0 auto;padding:22px}.sidebar-backdrop,.mobile-dock{display:none}.mobile-dock{z-index:70;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(94vw,560px);box-shadow:var(--shadow-md);background:#0a1220c7;border-radius:28px;justify-content:space-between;gap:6px;padding:10px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.dock-link{min-width:0;color:var(--muted);text-align:center;border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:10px 6px;display:flex}.dock-link span{font-size:16px}.dock-link small{letter-spacing:.08em;font-size:9px}.dock-link.active{color:var(--text);background:#ffffff14}.input,.textarea{width:100%;color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;outline:none;padding:14px 16px;transition:border-color .16s,background .16s}.input:focus,.textarea:focus{background:#ffffff14;border-color:#79d7ff80}.textarea{resize:vertical;min-height:130px}.file-input{padding:12px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.select-card,.commitment-card{min-height:74px;color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:22px;align-items:center;gap:12px;padding:16px;transition:transform .16s,border-color .16s,background .16s;display:flex}.select-card:hover,.commitment-card:hover{transform:translateY(-1px)}.select-card.selected,.commitment-card.selected{background:radial-gradient(circle at 100% 0,#79d7ff38,#0000 44%),#ffffff14;border-color:#79d7ff61}.commitment-card{align-items:flex-start}.commitment-card input{margin-top:4px}.status-message{color:var(--success);background:#74f0ba14;border:1px solid #74f0ba38;border-radius:18px;padding:14px 16px;font-size:12px;line-height:1.65}.status-message-error{color:var(--danger);background:#ff8f9f14;border-color:#ff8f9f3d}.heatmap{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.heatmap-day{min-height:96px;color:var(--muted);border-radius:22px;flex-direction:column;justify-content:space-between;padding:14px;display:flex}.heatmap-day.active{color:var(--success);background:radial-gradient(circle at top right, #74f0ba2e, transparent 52%), var(--panel-card);border-color:#74f0ba3d}.heatmap-day.today{box-shadow:inset 0 0 0 1px #79d7ff47}.proof-preview{aspect-ratio:1;border:1px solid #ffffff1f;border-radius:18px;width:120px;position:relative;overflow:hidden}.challenge-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.challenge-card{min-height:100%}.challenge-meta{justify-content:space-between;align-items:center;display:flex}.progress-track{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;height:11px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-3), var(--accent), #effbff);height:100%}.search-row{flex-wrap:wrap}.search-row .input{flex:1}.toggle-row{color:var(--text);align-items:center;gap:10px;display:flex}.public-header{align-items:center;gap:18px;margin-bottom:18px;display:flex}.accent{color:var(--accent)}@media (max-width:1100px){.hero-grid,.marketing-grid,.dashboard-grid,.dashboard-grid.two,.hero-split{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{border-radius:28px;width:calc(100% - 20px)}.topbar-nav{display:none}.topbar-menu{display:inline-flex}.sidebar{z-index:60;height:calc(100vh - 100px);transition:transform .16s;position:fixed;top:84px;left:10px;transform:translate(-110%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:55;background:#0000006b;display:block;position:fixed;inset:0}}@media (max-width:760px){.marketing-page,.auth-page,.public-page{width:min(100% - 20px,100%);padding:18px 0 94px}.content{padding:16px 12px 10px}.panel{border-radius:24px;padding:18px}.hero-title{font-size:clamp(42px,18vw,70px)}.stats-grid,.heatmap,.option-grid{grid-template-columns:1fr}.leaderboard-row,.log-card,.user-card,.settings-row,.public-header,.profile-visual-row{flex-direction:column;align-items:flex-start}.leaderboard-metrics,.topbar-meta{align-items:flex-start}.topbar{flex-wrap:wrap;align-items:flex-start;gap:12px}.topbar-user{justify-content:space-between;width:100%}.topbar-user .button-ghost{display:none}.mobile-dock{display:flex}}