.frog-companion{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);position:relative}.frog-companion-label{font-size:.8125rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.frog-scene{position:relative;width:200px;height:200px}.frog-body-group{position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.mood-idle .frog-body-group{animation:frog-breathe 3s ease-in-out infinite}.mood-happy .frog-body-group{animation:frog-jump .5s ease-out}.mood-celebrating .frog-body-group{animation:frog-jump .5s ease-out 3}.frog-friend-group{position:absolute;bottom:36px;right:10px;transform:scale(.65)}.mood-idle .frog-friend-group{animation:frog-breathe 3s ease-in-out infinite .5s}.frog-eyelid{animation:frog-blink 4s ease-in-out infinite}.frog-friend-group .frog-eyelid{animation:frog-blink 4s ease-in-out infinite 1.5s}.scene-grass,.scene-pond{position:absolute;bottom:0;left:0;right:0}.pond-fish{animation:fish-swim 4s ease-in-out infinite}.scene-lily-pad{animation:lily-bob 3s ease-in-out infinite}.scene-lily-pad:nth-child(2){animation-delay:1s}.scene-flower{animation:flower-sway 4s ease-in-out infinite}.scene-flower:nth-child(2){animation-delay:1.5s}.scene-flower:nth-child(3){animation-delay:.7s}.scene-butterfly{animation:butterfly-flutter 3s ease-in-out infinite}.scene-butterfly:nth-child(2){animation-delay:1s;animation-duration:3.5s}.scene-butterfly:nth-child(3){animation-delay:2s;animation-duration:2.8s}.speech-bubble{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.625rem .875rem;font-size:.8125rem;color:var(--text);max-width:180px;text-align:center;animation:bubble-appear .3s ease-out;line-height:1.4}.speech-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--border)}.speech-bubble:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--bg);z-index:1}@keyframes frog-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes frog-breathe{0%,to{transform:translate(-50%) scaleY(1)}50%{transform:translate(-50%) scaleY(1.03)}}@keyframes frog-jump{0%{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-20px)}to{transform:translate(-50%) translateY(0)}}@keyframes fish-swim{0%,to{transform:translate(0)}50%{transform:translate(15px)}}@keyframes lily-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes flower-sway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes butterfly-flutter{0%,to{transform:translate(0)}25%{transform:translate(5px,-8px)}50%{transform:translate(-3px,-12px)}75%{transform:translate(8px,-5px)}}@keyframes bubble-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.frog-showcase{padding:4rem 1.5rem;text-align:center}.frog-showcase h2{font-size:2rem;margin-bottom:.75rem}.frog-showcase>p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem}.frog-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:var(--max-width);margin:0 auto}.showcase-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:box-shadow .2s}.showcase-card:hover{box-shadow:0 4px 16px #00000014}.showcase-card .showcase-scene{width:140px;height:140px;position:relative}.showcase-card h3{font-size:.95rem;margin:0}.showcase-card .showcase-level{font-size:.8125rem;color:var(--text-muted)}.mood-sleeping .frog-body-group{animation:frog-breathe 4s ease-in-out infinite}.sleep-zzz{position:absolute;top:10px;right:25px;font-size:.875rem;color:var(--text-muted);animation:zzz-float 2s ease-in-out infinite}@keyframes zzz-float{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@media(max-width:768px){.frog-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.frog-showcase-grid{grid-template-columns:1fr;max-width:280px}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.text-gradient{background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero{background:#06110b;color:#fff;text-align:center;padding:7rem 1.5rem 6rem;position:relative;overflow:hidden}.hero-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(22,163,74,.25) 0%,rgba(22,163,74,.08) 40%,transparent 70%);pointer-events:none;animation:glow-pulse 6s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}.hero-label{display:inline-block;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#4ade80e6;border:1px solid rgba(74,222,128,.25);padding:.4rem 1rem;border-radius:999px;margin-bottom:1.75rem;background:#4ade800f}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.08;letter-spacing:-.035em;position:relative;max-width:700px;margin-left:auto;margin-right:auto}.hero p{font-size:1.15rem;color:#ffffffa6;max-width:520px;margin:0 auto 2.5rem;line-height:1.7;position:relative}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative}.hero-buttons .btn-hero-primary{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-weight:700;padding:.85rem 2rem;border-radius:var(--radius);font-size:1rem;cursor:pointer;border:none;transition:all .3s ease;box-shadow:0 0 20px #16a34a4d}.hero-buttons .btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 0 35px #16a34a73}.hero-buttons .btn-hero-secondary{background:#ffffff0f;color:#ffffffd9;border:1px solid rgba(255,255,255,.15);padding:.85rem 2rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-buttons .btn-hero-secondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.features{padding:5rem 1.5rem;background:var(--bg-secondary)}.features h2{text-align:center;font-size:2.25rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.02em}.features .section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:var(--max-width);margin:0 auto}.feature-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all .25s ease;position:relative}.feature-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card .icon{font-size:2.25rem;margin-bottom:1rem;display:inline-block}.feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.feature-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.pricing-preview{padding:5rem 1.5rem;text-align:center;background:var(--bg-secondary)}.pricing-preview h2{font-size:2.25rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.02em}.pricing-preview p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem}.pricing-preview-cards{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;max-width:700px;margin:0 auto 2.5rem}.preview-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:2rem 2.5rem;flex:1;min-width:220px;transition:all .25s ease;box-shadow:var(--shadow-sm)}.preview-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.preview-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.preview-card .price{font-size:2.25rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}.preview-card .price span{font-size:.9rem;font-weight:500;color:var(--text-muted)}.bottom-cta{background:#06110b;color:#fff;text-align:center;padding:6rem 1.5rem;position:relative;overflow:hidden}.bottom-cta:before{content:"";position:absolute;bottom:-30%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(22,163,74,.2) 0%,transparent 70%);pointer-events:none}.bottom-cta h2{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;position:relative;letter-spacing:-.03em}.bottom-cta p{color:#fff9;margin-bottom:2rem;font-size:1.1rem;position:relative}.bottom-cta .btn-primary{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-weight:700;padding:.85rem 2rem;box-shadow:0 0 20px #16a34a4d;position:relative}.bottom-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 35px #16a34a73}@media(max-width:768px){.hero{padding:4rem 1.5rem 3.5rem}.hero h1{font-size:2.25rem}.hero p{font-size:1.05rem}.features-grid{grid-template-columns:1fr}.pricing-preview-cards{flex-direction:column;align-items:center}.bottom-cta{padding:4rem 1.5rem}}.auth-page{display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem;min-height:70vh;animation:auth-enter .4s ease}@keyframes auth-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:2.75rem;width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.auth-card h1{text-align:center;font-size:1.65rem;font-weight:800;margin-bottom:1.75rem;letter-spacing:-.02em}.auth-toggle{display:flex;margin-bottom:1.75rem;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;padding:3px;background:var(--bg-tertiary);gap:3px}.auth-toggle button{flex:1;padding:.55rem;border:none;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.auth-toggle button.active{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}.google-btn{width:100%;padding:.8rem;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);font-size:.9375rem;font-weight:600;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:1.5rem;transition:all .2s ease}.google-btn:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-form{display:flex;flex-direction:column;gap:1.15rem}.auth-form label{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;flex-direction:column;gap:.4rem}.auth-form .btn-primary{width:100%;margin-top:.5rem;padding:.8rem;font-size:.95rem}.auth-error{background:#ef444414;color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;text-align:center;border:1px solid rgba(239,68,68,.15)}.xp-progress-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);margin-bottom:2rem;transition:all .2s ease}.xp-progress-bar:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.xp-level-badge{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:var(--gradient);color:#fff;font-weight:800;font-size:1rem;border-radius:50%;flex-shrink:0;box-shadow:0 0 12px #16a34a40}.xp-bar-info{flex:1;min-width:0}.xp-bar-label{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.xp-bar-track{width:100%;height:10px;background:var(--bg-tertiary);border-radius:5px;overflow:hidden}.xp-bar-fill{height:100%;background:var(--gradient);border-radius:5px;transition:width .6s cubic-bezier(.22,1,.36,1);min-width:2px;position:relative}.xp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:xp-shimmer 2s ease-in-out infinite}@keyframes xp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dashboard{padding:2.5rem 1.5rem;max-width:var(--max-width);margin:0 auto;animation:page-enter .4s ease}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{margin-bottom:1.75rem}.dashboard-header h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.25rem}.dashboard-header p{color:var(--text-secondary);font-size:1rem}.dashboard-layout{display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start}.dashboard-tasks{min-width:0}.dashboard-frog{position:sticky;top:5rem}.task-input-row{display:flex;gap:.75rem;margin-bottom:1.75rem}.task-input-row input{flex:1;padding:.8rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:.9375rem;transition:all .2s ease}.task-input-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #16a34a1a}.task-input-row button{white-space:nowrap;padding:.8rem 1.5rem}.task-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.15rem;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);transition:all .2s ease;animation:task-enter .3s ease both}@keyframes task-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.task-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-item input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0;transition:transform .15s ease}.task-item input[type=checkbox]:hover{transform:scale(1.15)}.task-item .task-title{flex:1;font-size:.9375rem;font-weight:500;transition:all .2s ease}.task-item .task-title.completed{text-decoration:line-through;color:var(--text-muted)}.task-item .delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.3rem .6rem;font-size:1.15rem;border-radius:var(--radius-sm);transition:all .2s ease;opacity:0}.task-item:hover .delete-btn{opacity:1}.task-item .delete-btn:hover{color:var(--danger);background:#ef444414;transform:scale(1.1)}.empty-state{text-align:center;padding:4rem 1rem;color:var(--text-muted);border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary)}.empty-state p{font-size:1rem}@media(max-width:768px){.dashboard-layout{grid-template-columns:1fr}.dashboard-frog{order:-1;position:static}.task-input-row{flex-direction:column}.task-item .delete-btn{opacity:1}}.admin-container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem}.admin-title{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:1.5rem}.admin-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid var(--border)}.admin-tab{padding:.75rem 1.5rem;background:none;border:none;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.admin-tab:hover{color:var(--accent)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-search-bar{display:flex;gap:.75rem;margin-bottom:1rem}.admin-search-bar input{flex:1;padding:.6rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;outline:none;background:var(--bg);color:var(--text)}.admin-search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #16a34a26}.admin-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s}.admin-btn:hover{opacity:.85}.admin-btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.admin-btn-success{background:var(--success);color:#fff}.admin-btn-danger{background:var(--danger);color:#fff}.admin-btn-sm{padding:.3rem .7rem;font-size:.8rem}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:var(--bg);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #0000000f;border:1px solid var(--border)}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:left;font-size:.875rem}.admin-table th{background:var(--bg-secondary);font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.admin-table td{border-bottom:1px solid var(--bg-tertiary);color:var(--text-secondary)}.admin-table tr:last-child td{border-bottom:none}.admin-empty{text-align:center;color:var(--text-muted);padding:2rem}.admin-tier{display:inline-block;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.admin-tier.free{background:var(--bg-tertiary);color:var(--text-muted)}.admin-tier.pro{background:#fef3c7;color:#b45309}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.admin-stat-card{background:var(--bg);padding:1.5rem;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f;border:1px solid var(--border);text-align:center}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--accent)}.admin-stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.admin-section-title{margin-bottom:1rem;color:var(--text);font-size:1.1rem}@media(max-width:640px){.admin-stats-grid{grid-template-columns:1fr}}.pricing-page .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.pricing-page .reveal.revealed{opacity:1;transform:translateY(0)}.pricing-page{padding:5rem 1.5rem 6rem;max-width:var(--max-width);margin:0 auto}.pricing-header{text-align:center;margin-bottom:3.5rem}.pricing-label{display:inline-block;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);border:1px solid var(--accent);padding:.35rem 1rem;border-radius:999px;margin-bottom:1.25rem;background:var(--accent-light);font-weight:600}.pricing-page h1{font-size:2.75rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.03em}.pricing-page .pricing-header>p{color:var(--text-secondary);font-size:1.15rem}.pricing-cards{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.pricing-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:0;flex:1;max-width:400px;min-width:300px;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:var(--shadow-sm);overflow:hidden}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.pricing-card-header{padding:2.5rem 2rem 1.5rem;border-bottom:1px solid var(--border)}.pricing-card.pro .pricing-card-header{background:linear-gradient(160deg,#16a34a0f,#4ade800a)}.pricing-card.pro{border-color:var(--accent);position:relative}.pricing-card.pro:hover{box-shadow:0 12px 40px #16a34a33}.pricing-card.pro .badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);background:var(--gradient);color:#fff;font-size:.75rem;font-weight:700;padding:.35rem 1.25rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pricing-card h2{font-size:1.15rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.85rem}.pricing-card .price{font-size:3rem;font-weight:800;margin-bottom:.25rem;letter-spacing:-.03em;line-height:1}.pricing-card.pro .price{background:linear-gradient(135deg,#16a34a,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-card .price span{font-size:1rem;font-weight:500;color:var(--text-muted);-webkit-text-fill-color:var(--text-muted)}.pricing-card .price-note{font-size:.8125rem;color:var(--text-muted)}.pricing-card ul{list-style:none;padding:1.75rem 2rem;flex:1;display:flex;flex-direction:column;gap:.85rem}.pricing-card ul li{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--text-secondary)}.pricing-card ul li:before{content:"✓";color:var(--success);font-weight:700;font-size:1rem;flex-shrink:0}.pricing-card .btn-primary,.pricing-card .btn-secondary{margin:0 2rem 2rem;padding:.85rem;font-size:1rem;text-align:center;text-decoration:none;border-radius:var(--radius)}.pricing-card .btn-primary{box-shadow:0 0 20px #16a34a33}.pricing-card .btn-primary:hover{box-shadow:0 0 30px #16a34a59}.pricing-note{text-align:center;margin-top:3rem;padding:1.5rem 2rem;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.9375rem}@media(max-width:768px){.pricing-page h1{font-size:2rem}.pricing-cards{flex-direction:column;align-items:center}}.privacy-page{padding:3rem 1.5rem;max-width:800px;margin:0 auto}.privacy-page h1{font-size:2rem;margin-bottom:.5rem}.privacy-page .last-updated{color:var(--text-muted);font-size:.875rem;margin-bottom:2rem}.privacy-page h2{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem}.privacy-page p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.privacy-page ul{color:var(--text-secondary);margin-bottom:1rem;padding-left:1.5rem;line-height:1.8}.privacy-page a{color:var(--accent)}:root{--bg: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--accent: #16a34a;--accent-hover: #15803d;--accent-light: #f0fdf4;--danger: #ef4444;--success: #22c55e;--radius: 12px;--radius-sm: 6px;--radius-lg: 20px;--max-width: 1120px;--gradient: linear-gradient(135deg, #16a34a, #22c55e);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--shadow-accent: 0 4px 20px rgba(22, 163, 74, .25);--frog-body: #4ade80;--frog-belly: #bbf7d0;--frog-mouth: #166534;--frog-blush: #f9a8d4;--frog-friend-body: #86efac;--grass-blade: #22c55e;--grass-ground: #a3e635;--pond-water: #7dd3fc;--pond-shine: #e0f2fe;--pond-fish-color: #fb923c;--lily-pad-color: #4ade80;--flower-pink: #f9a8d4;--flower-purple: #c4b5fd;--flower-center: #fde047;--butterfly-wing: #c4b5fd;--butterfly-body: #1e293b}@media(prefers-color-scheme:dark){:root{--bg: #0f1117;--bg-secondary: #1a1d2e;--bg-tertiary: #252940;--text: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #2d3348;--accent: #4ade80;--accent-hover: #86efac;--accent-light: #132a1e;--danger: #f38ba8;--success: #a6e3a1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .4);--shadow-accent: 0 4px 20px rgba(74, 222, 128, .15);--frog-body: #22c55e;--frog-belly: #166534;--frog-mouth: #bbf7d0;--frog-blush: #be185d;--frog-friend-body: #4ade80;--grass-blade: #16a34a;--grass-ground: #65a30d;--pond-water: #0284c7;--pond-shine: #0c4a6e;--pond-fish-color: #ea580c;--lily-pad-color: #16a34a;--flower-pink: #be185d;--flower-purple: #7c3aed;--flower-center: #ca8a04;--butterfly-wing: #7c3aed;--butterfly-body: #e2e8f0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9375rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1.4}button:active,.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}input[type=text],input[type=email],input[type=password]{width:100%;padding:.7rem 1rem;font-size:.9375rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #16a34a1a}.spinner{display:flex;align-items:center;justify-content:center;padding:4rem}.spinner:after{content:"";width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.navbar{border-bottom:1px solid var(--border);background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}@media(prefers-color-scheme:dark){.navbar{background:#0f1117d9}}.navbar-inner{max-width:var(--max-width);margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:.3rem;font-size:1.25rem;font-weight:800;color:var(--text);text-decoration:none}.navbar-logo-icon{background:var(--gradient);color:#fff;font-size:.75rem;font-weight:800;padding:.2rem .45rem;border-radius:6px;letter-spacing:.02em}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.navbar-link:hover{color:var(--text)}.navbar-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);border-radius:1px;transition:width .2s ease}.navbar-link:hover:after{width:100%}.navbar-signout{background:none;border:1.5px solid var(--border);color:var(--text-secondary);padding:.45rem 1rem;border-radius:var(--radius);font-size:.85rem;cursor:pointer;font-weight:600;transition:all .2s ease}.navbar-signout:hover{border-color:var(--text-muted);color:var(--text)}.navbar-cta{font-size:.85rem;padding:.45rem 1.15rem}.footer{border-top:1px solid var(--border);background:var(--bg-secondary);padding:3rem 1.5rem 2rem;margin-top:auto}.footer-inner{max-width:var(--max-width);margin:0 auto;text-align:center}.footer-brand{margin-bottom:1.5rem}.footer-logo{font-size:1.15rem;font-weight:800;color:var(--accent)}.footer-tagline{color:var(--text-muted);font-size:.875rem;margin-top:.35rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-copy{color:var(--text-muted);font-size:.8rem;padding-top:1.5rem;border-top:1px solid var(--border)}@media(max-width:768px){.container{padding:0 1rem}.navbar-links{gap:1rem}}