.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff40;backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme: dark){.glass-surface--fallback{background:#ffffff1a;backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media (prefers-color-scheme: dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}.nav-glass-surface{background:#ffffff1a!important;backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);box-shadow:0 8px 32px #0003,0 2px 16px #0000001a;border:.5px solid rgba(255,255,255,.3)}@media (prefers-color-scheme: dark){.nav-glass-surface{box-shadow:0 8px 32px #ffffff0d,0 2px 16px #ffffff05;border:.5px solid rgba(255,255,255,.1);background:#ffffff05!important}}@font-face{font-family:Anta;src:url(/Anta-Rounded.ttf) format("truetype");font-weight:400;font-style:normal}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bounceWidgetDelayed1{0%,to{transform:translateY(0) rotateX(0) rotateY(0) scale(1)}15%{transform:translateY(-8px) rotateX(4deg) rotateY(-3deg) scale(1.005)}30%{transform:translateY(-2px) rotateX(-2.5deg) rotateY(2deg) scale(.995)}45%{transform:translateY(-6px) rotateX(3deg) rotateY(-2.5deg) scale(1.003)}60%{transform:translateY(-1px) rotateX(-1.5deg) rotateY(1.5deg) scale(.998)}75%{transform:translateY(-4px) rotateX(2deg) rotateY(-1.5deg) scale(1.001)}}@keyframes bounceWidgetDelayed2{0%,to{transform:translateY(0) rotateX(0) rotateY(0) scale(1)}15%{transform:translateY(-8px) rotateX(4deg) rotateY(-3deg) scale(1.005)}30%{transform:translateY(-2px) rotateX(-2.5deg) rotateY(2deg) scale(.995)}45%{transform:translateY(-6px) rotateX(3deg) rotateY(-2.5deg) scale(1.003)}60%{transform:translateY(-1px) rotateX(-1.5deg) rotateY(1.5deg) scale(.998)}75%{transform:translateY(-4px) rotateX(2deg) rotateY(-1.5deg) scale(1.001)}}@keyframes bounceWidgetDelayed3{0%,to{transform:translateY(0) rotateX(0) rotateY(0) scale(1)}15%{transform:translateY(-8px) rotateX(4deg) rotateY(-3deg) scale(1.005)}30%{transform:translateY(-2px) rotateX(-2.5deg) rotateY(2deg) scale(.995)}45%{transform:translateY(-6px) rotateX(3deg) rotateY(-2.5deg) scale(1.003)}60%{transform:translateY(-1px) rotateX(-1.5deg) rotateY(1.5deg) scale(.998)}75%{transform:translateY(-4px) rotateX(2deg) rotateY(-1.5deg) scale(1.001)}}.reveal{position:relative;transform:translateY(30px);opacity:0;transition:all .8s cubic-bezier(.5,0,0,1)}.reveal-visible{transform:translateY(0);opacity:1}.reveal-hidden{transform:translateY(30px);opacity:0}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--text-primary: #000000;--text-secondary: #333333;--text-tertiary: #666666;--accent: #4ecdc4;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--hero-gradient: radial-gradient(circle at 50% 0%, #ffffff 0%, #f4f4f5 100%);--nav-bg: rgba(0, 0, 0, .05);--card-shadow: 0 10px 30px rgba(0, 0, 0, .05)}@media (prefers-color-scheme: dark){:root{--bg-primary: #111111;--bg-secondary: #1c1c1c;--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--glass-bg: rgba(0, 0, 0, .7);--glass-border: rgba(255, 255, 255, .02);--hero-gradient: radial-gradient(circle at 50% 0%, #222222 0%, #111111 100%);--nav-bg: rgba(255, 255, 255, .02);--card-shadow: 0 10px 30px rgba(0, 0, 0, .5)}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--hero-gradient) no-repeat fixed top center;background-color:var(--bg-primary);background-size:cover;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:1050px;height:50px;border-radius:16px;overflow:visible}.nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nav-bg);border-radius:16px;z-index:-1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.nav-glass-surface{width:100%;height:50px!important;position:relative;z-index:1}.nav-container{width:100%;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:50px}.logo{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-icon{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center}.logo-text{font-weight:800;font-size:20px;letter-spacing:1px;color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--text-primary)}.auth-buttons{display:flex;gap:12px;margin-left:auto;flex-shrink:0}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:0 20px}.hero-content{max-width:800px;padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10;gap:20px;height:calc(100vh - 120px);margin-top:60px}.hero-title{font-family:Anta,sans-serif;font-size:72px;font-weight:400;line-height:1.1;margin-bottom:24px;color:#000;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){.hero-title{font-size:48px}}.hero-subtitle{font-size:24px;color:#333;margin-bottom:20px;font-weight:400;line-height:1.4}.coming-soon{font-size:18px;color:#999;margin-bottom:40px;font-weight:300;font-style:italic}.hero-widgets{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;flex-wrap:wrap;max-width:600px}.hero-widget{flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:float 6s ease-in-out infinite;perspective:1000px;transform-style:preserve-3d;background:transparent!important;box-shadow:none!important;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hero-widget:hover{transform:scale(1.02) translateY(-5px);z-index:10}.widget-medium{border-radius:22.8px}.widget-small,.widget-xsmall{border-radius:24px}.widget-calendar{animation-delay:0s}.widget-steps-small{animation-delay:.15s}.widget-screentime-small{animation-delay:.3s}.widget-todo{animation-delay:.45s}.widget-spending-xsmall{animation-delay:.6s}.widget-calorie-intake-xsmall{animation-delay:.75s}.widget-calorie-intake-large{animation-delay:.9s}.widget-screentime-xsmall{animation-delay:1.05s}.widget-steps-xsmall{animation-delay:1.2s}.widget-screentime-medium{animation-delay:1.35s}.widget-spending-detailed{animation-delay:1.5s}.widget-todo-small{animation-delay:1.65s}.widget-spending-medium{animation-delay:1.8s}.widget-small .widget-image{border-radius:24px}.widget-medium .widget-image{border-radius:22.8px}.widget-xsmall .widget-image{border-radius:24px}.widget-image{width:100%;border-radius:20px;object-fit:contain;display:block;overflow:visible}.widget-calendar .widget-image,.widget-todo .widget-image{max-width:380px}.widget-spending-xsmall .widget-image,.widget-spending-detailed .widget-image,.widget-steps-xsmall .widget-image,.widget-steps-small .widget-image,.widget-screentime-small .widget-image,.widget-todo-small .widget-image,.widget-screentime-xsmall .widget-image,.widget-calorie-intake-xsmall .widget-image{max-width:170px}.widget-calorie-intake-large .widget-image,.widget-calories .widget-image,.widget-screentime-medium .widget-image,.widget-spending-medium .widget-image,.widget-spending .widget-image,.widget-spending-2 .widget-image{max-width:380px}.widget-calendar-small .widget-image,.widget-calendar-small-2 .widget-image,.widget-spending-small .widget-image,.widget-calories-small .widget-image{max-width:170px}.hero-cta{margin-bottom:60px}.primary-button{background:var(--bg-secondary);color:var(--text-primary);border:none;padding:18px 36px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.primary-button:hover{background:var(--bg-primary);transform:translateY(-2px);box-shadow:0 8px 30px #fff3}.primary-button:active{transform:scale(.98);transition:transform .1s ease}.secondary-button{background:transparent;color:var(--text-primary);border:2px solid var(--text-primary);padding:16px 36px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.secondary-button:hover{background:var(--text-primary);color:var(--bg-primary);transform:translateY(-2px)}.secondary-button:active{transform:scale(.98);transition:transform .1s ease}.glass-button-wrapper{position:relative;display:inline-flex;align-items:center;width:280px;height:68px;transition:all .3s ease;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:#77777726 0 1px,#0000000a 0 8px 6px inset,#00000012 1px 1px 11px,#00000014 0 3px 7px}button.glass-button-wrapper:hover{transform:scale(1.02)}button.glass-button-wrapper:active{transform:scale(.98);transition:transform .1s ease}button.glass-button-wrapper{outline:2px solid var(--glass-border);outline-offset:2px}@media (prefers-color-scheme: dark){.glass-button-wrapper{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px -1px #0003,0 0 0 1px #ffffff0d inset}button.glass-button-wrapper{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600}.glass-button-wrapper:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 8px 32px -2px #0000004d,0 0 0 1px #ffffff1a inset}button.glass-button-wrapper:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 32px -2px #0006,0 0 0 1px #ffffff26 inset}}.glass-input-field:active{transform:scale(.98);transition:transform .1s ease}.glass-input-field{background:none;border:none;color:inherit;font-size:16px;font-weight:400;padding:0 24px;width:100%;height:100%;font-family:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.glass-input-field::placeholder{color:#0006}@media (prefers-color-scheme: dark){.glass-input-field::placeholder{color:#969696cc}}.glass-button-text{background:none;border:none;color:inherit;font-size:16px;font-weight:700;cursor:pointer;padding:0 24px;margin:0;min-width:0;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glass-button-text:hover{filter:brightness(1.05)}.glass-button-text:active{transform:scale(.98)}.apple-logo{width:20px;height:20px;display:inline-block}.hero-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:36px;font-weight:800;color:#fff;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:#999;font-weight:500}.features{padding:160px 0;background:#111}.section-header{text-align:center;margin-bottom:80px}.section-header h2{font-size:56px;font-weight:800;margin-bottom:20px;color:#fff;letter-spacing:-1px}.section-header p{font-size:20px;color:#ccc;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{padding:40px;background:#1a1a1a;border:1px solid #333;border-radius:16px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px) scale(1.02);border-color:#555;background:#222;box-shadow:0 20px 40px #0006}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{font-size:24px;font-weight:700;margin-bottom:16px;color:#fff}.feature-card p{color:#ccc;line-height:1.6}.ai-section{padding:160px 0;background:#000}.ai-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ai-text h2{font-size:56px;font-weight:800;margin-bottom:24px;color:#fff;letter-spacing:-1px}.ai-text p{font-size:20px;color:#ccc;margin-bottom:40px;line-height:1.6}.personality-options{display:flex;flex-direction:column;gap:20px}.personality-card{padding:24px;background:#111;border-radius:12px;border:1px solid #333;transition:all .3s ease}.personality-card:hover{border-color:#555;background:#1a1a1a;transform:translate(5px)}.personality-card h4{font-size:18px;font-weight:700;margin-bottom:8px;color:#fff}.personality-card p{font-size:14px;color:#999;font-style:italic}.chat-interface{background:#111;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000004d;height:400px;display:flex;flex-direction:column;border:1px solid #333}.chat-header{background:#1a1a1a;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.assistant-name{font-weight:700;font-size:16px}.status-dot{width:8px;height:8px;background:#4ecdc4;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{padding:20px;flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.message{display:flex;gap:12px}.message-avatar{width:32px;height:32px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.message-content{background:#222;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;max-width:250px;color:#fff}.user-message{justify-content:flex-end}.user-message .message-content{background:#333;color:#fff}.leaderboard{padding:160px 0;background:#111}.leaderboard-content{max-width:600px;margin:0 auto}.leaderboard-card{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:40px;box-shadow:0 10px 30px #0000004d}.rank-header{text-align:center;margin-bottom:40px}.rank-header h3{font-size:28px;font-weight:700;margin-bottom:8px;color:#fff}.time-period{color:#999;font-size:14px}.rankings{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.rank-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:#222;transition:all .3s ease;border:1px solid #333}.rank-item:hover{background:#333;transform:translate(5px)}.rank-item.first{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.rank-item.second{background:linear-gradient(135deg,silver,#e8e8e8);color:#000}.rank-item.third{background:linear-gradient(135deg,#cd7f32,#daa520);color:#000}.rank-number{font-size:24px;font-weight:800;min-width:40px}.rank-info{flex:1;display:flex;flex-direction:column}.rank-name{font-weight:600;font-size:16px}.rank-score{font-size:14px;opacity:.8}.rank-badge{font-size:24px}.scoring-info{text-align:center;padding-top:20px;border-top:1px solid #333}.scoring-info p{color:#999;font-size:14px}.about-section{padding:0;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;width:100%}.about-content-wrapper{width:90%;max-width:1050px;padding:180px 0 120px;display:flex;align-items:center;justify-content:space-between;gap:0;flex-wrap:nowrap}.about-widgets{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:60px;flex:0 0 auto;min-width:0}.about-widgets-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:20px;flex:0 0 auto;min-width:0}.small-widgets-container{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start}.small-widgets-container .hero-widget{align-self:flex-start}.spending-widgets-stack,.calendar-widgets-stack{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.bottom-widgets-container{display:flex;gap:20px;align-items:flex-start;justify-content:flex-end}.steps-screentime-stack{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.steps-calendar-pair{display:flex;gap:15px;align-items:flex-start}.spending-calorie-stack,.steps-screentime-vertical,.todo-screentime-stack{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.screentime-steps-pair{display:flex;gap:20px;align-items:flex-start}.steps-screentime-horizontal,.spending-todo-horizontal{display:flex;gap:40px;align-items:flex-start}.todo-widgets-container{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.spending-calorie-horizontal,.screentime-pair,.small-stack-row{display:flex;gap:40px;align-items:flex-start}.pill-stack{display:flex;flex-direction:column;gap:10px}.about-container{max-width:500px;padding:0}.about-content{font-size:20px;line-height:1.8;color:var(--text-secondary);text-align:left}.about-content p{margin-bottom:16px;color:var(--text-secondary)}.about-content p.section-break{height:40px;margin:0}.about-content .rafiqi-text{font-family:Anta,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cta-section{padding:120px 0 0;text-align:center}.cta-content h2{font-size:48px;font-weight:800;margin-bottom:20px;color:var(--text-primary);letter-spacing:-2px;white-space:pre-line;word-break:break-word}.cta-content p{font-size:24px;color:var(--text-tertiary);margin-bottom:40px}.cta-input-wrapper{display:flex;gap:20px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.cta-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.primary-button,.cta-note{color:var(--text-tertiary);font-size:14px}.footer{padding:120px 0 2px}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-logo{justify-self:start}.footer-logo .logo-text{font-size:14px;font-family:Anta,sans-serif}.footer-links{display:flex;gap:30px;justify-self:center}.footer-links a{color:var(--text-tertiary);text-decoration:none;transition:color .3s ease;font-size:12px}.footer-links a:hover{color:var(--text-primary)}.footer-social{display:flex;gap:16px;align-items:center;margin-top:0}.social-icon{width:20px;height:20px;color:var(--text-tertiary);transition:color .3s ease}.social-icon:hover{color:var(--text-primary)}.footer-copyright{margin-top:0}.footer-copyright p{color:var(--text-tertiary);font-size:12px;margin:0}.waitlist-text{color:var(--text-primary);font-size:14px;font-weight:600;white-space:nowrap}.logo{text-decoration:none;color:inherit;display:flex;align-items:center;gap:8px}.confirmation-reminder{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#ff6b6b;color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 32px #ff6b6b4d;z-index:1000;max-width:500px;width:90%;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.reminder-content{display:flex;align-items:center;gap:16px}.reminder-icon{font-size:24px;flex-shrink:0}.reminder-text{flex:1}.reminder-text h3{margin:0 0 4px;font-size:16px;font-weight:700}.reminder-text p{margin:0 0 4px;font-size:14px;opacity:.9}.reminder-subtitle{font-size:12px;opacity:.8;font-style:italic}.resend-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.resend-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.resend-button:active:not(:disabled){transform:scale(.98);transition:transform .1s ease}.resend-button:disabled{opacity:.6;cursor:not-allowed}.resend-message{margin-top:12px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600}.resend-message.success{background:#4ecdc433;color:#4ecdc4;border:1px solid rgba(78,205,196,.3)}.resend-message.error{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.marquee-container{width:100%;overflow-x:auto;overflow-y:hidden;position:relative;padding:40px 0;display:none;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-ms-overflow-style:none;scrollbar-width:none}.marquee-container::-webkit-scrollbar{display:none}.marquee-track{display:flex;gap:24px;width:max-content;align-items:center}.marquee-medium{width:380px}.marquee-medium img{border-radius:22.8px}.marquee-small{width:185px}.marquee-small img{border-radius:24px}.marquee-pill{width:185px}.marquee-pill img{border-radius:24px}.marquee-track{display:flex;gap:24px;width:max-content;animation:marquee 40s linear infinite}.marquee-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;animation:float 6s ease-in-out infinite}.marquee-item:nth-child(2n){animation-duration:7s;animation-delay:-1s}.marquee-item:nth-child(3n){animation-duration:5s;animation-delay:-2s}.marquee-item:nth-child(5n){animation-duration:8s;animation-delay:-3s}.marquee-item img{width:100%;height:auto;object-fit:contain;box-shadow:none!important}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width: 768px){.marquee-container{display:block}.about-widgets-right{display:none!important}.about-content-wrapper{flex-direction:column;gap:0}.about-container{padding-bottom:40px}.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.hero-stats{gap:40px}.ai-content{grid-template-columns:1fr;gap:40px}.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.footer-content{display:flex;flex-direction:column;gap:32px;text-align:center}.about-content-wrapper{flex-direction:column-reverse;align-items:center;gap:40px}.about-container{flex:0 0 100%;width:100%}.about-widgets-right{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;width:100%;gap:20px}.small-widgets-container,.todo-screentime-stack,.spending-widgets-stack{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:center;width:100%}.steps-screentime-horizontal,.spending-calorie-horizontal,.screentime-steps-pair,.spending-todo-horizontal{display:flex;flex-direction:row;gap:20px;align-items:flex-start;justify-content:center;width:100%}}@media (max-width: 480px){.hero-title{font-size:64px}.section-header h2{font-size:36px}.cta-content h2{font-size:32px;white-space:pre-line;word-break:break-word;line-height:1.2;letter-spacing:-1px}.container{padding:0 15px}.hero-stats{flex-direction:column;gap:20px}.about-content-wrapper{flex-direction:column-reverse;align-items:center;justify-content:center;gap:30px;width:100%;padding:80px 15px 60px;min-height:100vh}.about-container{width:100%;max-width:380px;margin:0 auto}.about-content{width:100%;text-align:left;font-size:16px;line-height:1.6}.about-widgets-right{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;gap:15px}.small-widgets-container,.todo-screentime-stack,.spending-widgets-stack,.steps-screentime-horizontal,.spending-calorie-horizontal,.screentime-steps-pair,.spending-todo-horizontal{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;align-items:flex-start;justify-content:center;width:100%}.cta-content h2{font-size:24px;letter-spacing:-.5px;padding:0 10px}}.widget-container{border-radius:20px;overflow:hidden;position:relative;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);transition:transform .3s ease;animation:bounceWidget 6s ease-in-out infinite;display:flex;flex-direction:column}.day-number{color:var(--text-primary);font-weight:700;font-size:18px}.temperature{font-weight:600;font-size:14px;color:var(--text-secondary)}.event-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-time{font-size:10px;color:var(--text-tertiary)}.event-status-badge{font-size:9px;font-weight:800;color:#fff;padding:2px 6px;border-radius:4px;text-transform:uppercase}.widget-title{font-weight:700;font-size:16px;color:#007aff}.widget-count{background:#007aff1a;color:#007aff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.todo-list{display:flex;flex-direction:column;gap:8px}.todo-item{display:flex;align-items:center;gap:10px}.checkbox{width:18px;height:18px;border:2px solid #C7C7CC;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.todo-item.completed .checkbox{background:#007aff;border-color:#007aff;color:#fff;font-size:12px}.todo-text{font-size:13px;color:var(--text-secondary);font-weight:500}.todo-item.completed .todo-text{text-decoration:line-through;color:var(--text-tertiary)}.stats-icon{font-size:24px;margin-bottom:4px}.stats-value{font-size:20px;font-weight:800;line-height:1.2;color:var(--text-primary)}.stats-label{font-size:11px;color:var(--text-tertiary);font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.progress-bar-bg{width:100%;height:4px;background:#0000000d;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:2px}.widget-container.xsmall .stats-icon{font-size:18px;margin-bottom:0;margin-right:8px}.widget-container.xsmall .widget-content{flex-direction:row;justify-content:flex-start;padding:12px}.widget-container.xsmall .stats-value{font-size:16px;margin-right:auto}.widget-container.xsmall .stats-label{margin-bottom:0;font-size:10px}.widget-container.xsmall .progress-bar-bg{display:none}.modern-about{position:relative;overflow:hidden;background:#f8f9fa}.about-background-glow{position:absolute;top:50%;left:0;width:600px;height:600px;background:radial-gradient(circle,#4ecdc426,#fff0 70%);transform:translateY(-50%);z-index:0;pointer-events:none}.section-title{font-family:Anta,sans-serif;font-size:64px;font-weight:400;line-height:1.1;margin-bottom:40px;letter-spacing:-1px}.gradient-text{background:linear-gradient(135deg,#000,#666);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.lead-text{font-size:24px;font-weight:500;color:#000;margin-bottom:16px}.text-block{margin-bottom:32px}.text-block p{font-size:18px;color:#555;line-height:1.6;margin-bottom:8px}.separator-line{width:60px;height:4px;background:linear-gradient(90deg,#000,transparent);margin:40px 0;border-radius:2px}.highlight-text{font-size:28px;font-weight:300;color:#000;letter-spacing:-.5px}.rafiqi-brand{font-family:Anta,sans-serif;font-weight:700;letter-spacing:1px}.feature-list{display:flex;flex-direction:column;gap:16px;margin:40px 0}.feature-item{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:500;color:#333}.feature-icon{color:#4ecdc4;font-size:20px}.closing-text{font-style:italic;color:#888;font-size:20px;margin-top:16px}.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.delay-5{animation-delay:1s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.legal-page{background:var(--bg-primary);min-height:100vh}.legal-container{max-width:800px;margin:0 auto;padding:120px 20px 80px}.legal-content{background:var(--bg-secondary);padding:60px;border-radius:24px;box-shadow:var(--card-shadow);border:1px solid var(--glass-border)}.legal-section h1{font-family:Anta,sans-serif;font-size:42px;margin-bottom:20px;color:var(--text-primary);letter-spacing:-1px}.legal-meta{color:var(--text-tertiary);font-size:14px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--glass-border);line-height:1.6}.legal-block{margin-bottom:40px}.legal-block h2{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.legal-block h3{font-size:18px;font-weight:600;margin:24px 0 12px;color:var(--text-primary)}.legal-section p,.legal-section li{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-bottom:12px}.legal-section ul{padding-left:20px;margin-bottom:20px}.legal-section li{margin-bottom:8px}.legal-section a{color:var(--text-primary);text-decoration:underline;transition:color .2s ease}.legal-section a:hover{color:var(--text-tertiary)}.section-divider{height:1px;background:var(--glass-border);margin:60px 0}@media (max-width: 768px){.legal-container{padding:100px 20px 60px}.legal-content{padding:30px}.legal-section h1{font-size:32px}.legal-block h2{font-size:20px}}