@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&display=swap";:root{--safe-top:max(env(safe-area-inset-top), 16px);--safe-bottom:max(env(safe-area-inset-bottom), 10px);--bg:#09090b;--bg-card:#121216;--bg-card-2:#1a1a21;--bg-elevated:#202028;--primary:#00f2fe;--primary-light:#8cffff;--primary-glow:#00f2fe61;--primary-bg:#00f2fe1a;--primary-border:#00f2fe47;--green:#10b981;--green-light:#6ee7b7;--green-glow:#10b98161;--green-bg:#10b9811a;--green-border:#10b98147;--blue:#3b82f6;--blue-light:#93c5fd;--blue-glow:#3b82f661;--blue-bg:#3b82f61a;--blue-border:#3b82f647;--violet:#c81cff;--violet-light:#e78aff;--violet-bg:#c81cff1a;--violet-border:#c81cff47;--amber:#f59e0b;--amber-bg:#f59e0b1a;--amber-border:#f59e0b47;--text:#f1f5f9;--text-soft:#94a3b8;--text-muted:#475569;--border:#ffffff12;--border-mid:#ffffff21;--r-xs:.5rem;--r-sm:.75rem;--r-md:1.125rem;--r-lg:1.5rem;--r-xl:2rem;--shadow-card:0 4px 24px #00000059;--shadow-primary:0 8px 32px -4px #6366f173;--shadow-green:0 8px 32px -4px #10b98166;--shadow-blue:0 8px 32px -4px #3b82f673;--bg-dark:var(--bg);--accent-blue:var(--blue);--accent-green:var(--green);--accent-purple:var(--violet);--text-main:var(--text);--border-color:var(--border);--border-radius-card:var(--r-lg)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5}#root{min-height:100dvh}.page{padding:0 clamp(.875rem, 3.2vw, 1.25rem) calc(6.9rem + var(--safe-bottom));max-width:480px;min-height:100dvh;margin:0 auto}.card{background:var(--bg-card);border-radius:var(--r-lg);border:1px solid var(--border);padding:1.25rem;transition:background .15s,transform .14s;position:relative;overflow:hidden}.card.clickable{cursor:pointer}.card.clickable:hover{background:var(--bg-card-2)}.card.clickable:active{transform:scale(.99)}.card.accent-primary{border-color:var(--primary-border);background:linear-gradient(145deg,#6366f11f 0%,#6366f108 100%)}.card.accent-green{border-color:var(--green-border);background:linear-gradient(145deg,#10b9811a 0%,#10b98108 100%)}.card.accent-blue{border-color:var(--blue-border);background:linear-gradient(145deg,#3b82f61a 0%,#3b82f608 100%)}.card.accent-violet{border-color:var(--violet-border);background:linear-gradient(145deg,#8b5cf61a 0%,#8b5cf608 100%)}.accent-bar{border-radius:3px 0 0 3px;width:3px;position:absolute;top:-1px;bottom:-1px;left:-1px}.btn{cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--violet));box-shadow:var(--shadow-primary);border-radius:var(--r-md);width:100%;padding:.9375rem 1.75rem;font-size:.9375rem}.btn-primary:hover{opacity:.9}.btn-blue{background:linear-gradient(135deg, var(--blue), #2563eb);box-shadow:var(--shadow-blue);border-radius:var(--r-md);width:100%;padding:.9375rem 1.75rem;font-size:.9375rem}.btn-green{background:linear-gradient(135deg, var(--green), #059669);box-shadow:var(--shadow-green);border-radius:var(--r-md);width:100%;padding:.9375rem 1.75rem;font-size:.9375rem}.btn-outline{border:1px solid var(--border-mid);color:var(--text-soft);background:0 0;border-radius:9999px;padding:.625rem 1.25rem;font-size:.8125rem}.btn-outline.active{background:var(--primary-bg);border-color:var(--primary-border);color:var(--primary-light)}.btn-sm{border-radius:9999px;padding:.5rem 1rem;font-size:.8125rem}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;margin-bottom:.875rem;font-size:.7rem;font-weight:700;display:flex}.section-label:before{content:"";background:var(--primary);border-radius:9999px;flex-shrink:0;width:3px;height:14px;display:block}.chip{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-soft);cursor:default;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.chip-green{background:var(--green-bg);border-color:var(--green-border);color:var(--green-light)}.chip-blue{background:var(--blue-bg);border-color:var(--blue-border);color:var(--blue-light)}.chip-primary{background:var(--primary-bg);border-color:var(--primary-border);color:var(--primary-light)}.chip-violet{background:var(--violet-bg);border-color:var(--violet-border);color:var(--violet-light)}.chip-amber{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber)}.progress-track{background:#ffffff0f;border-radius:9999px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:9999px;height:100%;transition:width .6s ease-out}.progress-fill.pf-primary{background:linear-gradient(90deg, var(--primary), var(--primary-light))}.progress-fill.pf-green{background:linear-gradient(90deg, var(--green), var(--green-light))}.progress-fill.pf-blue{background:var(--blue)}.progress-fill.pf-violet{background:var(--violet)}.progress-fill.pf-multi{background:linear-gradient(90deg, var(--green) 40%, var(--blue) 75%, var(--violet) 100%)}.input-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.input-field{background:var(--bg-card-2);border:1.5px solid var(--border-mid);border-radius:var(--r-md);width:100%;color:var(--text);outline:none;padding:.9375rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.input-field::placeholder{color:var(--text-muted);font-weight:500}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.switch{width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0;display:block}.slider{cursor:pointer;background:var(--bg-card-2);border:1px solid var(--border-mid);border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:var(--text-muted);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background:var(--green-bg);border-color:var(--green-border)}input:checked+.slider:before{background:var(--green);transform:translate(22px)}.bottom-nav{left:50%;right:auto;bottom:calc(var(--safe-bottom) + .35rem);z-index:50;background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--r-lg);width:min(100% - .8rem,480px);box-shadow:var(--shadow-card);justify-content:space-around;align-items:center;padding:.625rem .5rem;display:flex;position:fixed;transform:translate(-50%)}@media (height<=700px){.bottom-nav{padding:.5rem .35rem}.nav-item{padding:.4rem .7rem}.nav-item span{font-size:.56rem}.page{padding-bottom:calc(6.3rem + var(--safe-bottom))}}.nav-item{cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;min-width:60px;padding:.5rem 1rem;font-family:inherit;transition:background .2s;display:flex}.nav-item span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.6rem;font-weight:700;transition:color .2s}.nav-item.active{background:var(--primary-bg)}.nav-item.active span{color:var(--primary-light)}.text-gradient{background:linear-gradient(135deg, var(--primary-light), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-green{background:linear-gradient(135deg, var(--green-light), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.goal-card{background:var(--bg-card);border-radius:var(--r-md);border:1.5px solid var(--border);cursor:pointer;text-align:left;align-items:center;gap:1rem;width:100%;padding:1rem 1.125rem;font-family:inherit;transition:all .2s;display:flex;position:relative;overflow:hidden}.goal-card:hover{border-color:var(--border-mid)}.goal-card.sel-primary{border-color:var(--primary);background:#6366f114}.goal-card.sel-green{border-color:var(--green);background:#10b98114}.goal-card.sel-violet{border-color:var(--violet);background:#8b5cf614}.goal-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.35s ease-out forwards fadeUp}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:.9s linear infinite spin}.water-chip{isolation:isolate;position:relative;overflow:hidden}.water-chip:before{content:"";width:100%;height:var(--fill,0%);border-radius:inherit;z-index:-1;background:#10b98147;transition:height .65s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:0}@keyframes scanLine{0%{opacity:1;top:35%}50%{opacity:.65;top:60%}to{opacity:1;top:35%}}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-top:4rem;display:grid}.bento-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:2.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.bento-item:hover{border-color:var(--border-mid);transform:translateY(-5px);box-shadow:0 20px 40px -20px #00000080}.glow-text{text-shadow:0 0 20px var(--primary-glow)}.glow-border{position:relative}.glow-border:after{content:"";background:linear-gradient(135deg, var(--primary), transparent, var(--violet));border-radius:inherit;z-index:-1;opacity:.15;position:absolute;inset:-1px}.stat-value{letter-spacing:-.05em;font-size:3.5rem;font-weight:900;line-height:1}.tagline{text-transform:uppercase;letter-spacing:.2em;color:var(--primary);margin-bottom:1rem;font-size:.85rem;font-weight:800;display:block}.gradient-border-card{background:linear-gradient(var(--bg-card), var(--bg-card)) padding-box, linear-gradient(135deg, var(--border), var(--primary-border), var(--border)) border-box;border:1px solid #0000}@media (width<=768px){.bento-grid{grid-template-columns:1fr}}.landing-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.glass-nav{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#121216b3;border:1px solid #ffffff14;border-radius:999px;justify-content:space-between;align-items:center;width:min(100% - 2rem,1000px);padding:.75rem 1.5rem;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.nav-logo{color:var(--text);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.hero-section{text-align:center;padding-top:10rem;padding-bottom:5rem;position:relative}.hero-badge{background:var(--primary-bg);border:1px solid var(--primary-border);color:var(--primary-light);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-soft);max-width:700px;margin:0 auto 3rem;font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.6}.hero-mockup{width:100%;max-width:900px;margin-top:4rem;margin-left:auto;margin-right:auto;position:relative}.mockup-main{z-index:2;border:8px solid #1a1a21;border-radius:3rem;width:280px;position:relative;box-shadow:0 30px 60px -12px #00000080,0 18px 36px -18px #00000080}.mockup-secondary{opacity:.4;filter:blur(1px);border:6px solid #1a1a21;border-radius:2.5rem;width:240px;transition:all .5s;position:absolute;top:10%;box-shadow:0 20px 40px #0006}.mockup-left{z-index:1;left:10%;transform:rotate(-8deg)}.mockup-right{z-index:1;right:10%;transform:rotate(8deg)}.hero-section:hover .mockup-left{opacity:.6;filter:blur();left:5%;transform:rotate(-12deg)}.hero-section:hover .mockup-right{opacity:.6;filter:blur();right:5%;transform:rotate(12deg)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:5rem 0;display:grid}.feature-card-landing{background:var(--bg-card);border-radius:var(--r-xl);border:1px solid var(--border);padding:2.5rem;transition:transform .3s,border-color .3s}.feature-card-landing:hover{border-color:var(--primary-border);transform:translateY(-8px)}.feature-icon-wrapper{border-radius:var(--r-md);justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1.5rem;display:flex}.footer-landing{border-top:1px solid var(--border);text-align:center;padding:5rem 0 2rem}.footer-links{justify-content:center;gap:2.5rem;margin-top:2rem;display:flex}.footer-link{color:var(--text-soft);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary-light)}@media (width<=768px){.mockup-left,.mockup-right{display:none}.glass-nav{width:calc(100% - 1.5rem);padding:.6rem 1.2rem}.hero-section{padding-top:7rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-card-2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated)}