.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff8f0d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(26,26,46,.06);transition:all var(--transition-base)}.navbar-landing{background:#fff8f099}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary);transition:transform var(--transition-fast)}.navbar-brand:hover{transform:scale(1.02)}.brand-icon{font-size:1.5rem;color:var(--color-primary)}.brand-text{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{padding:.5rem .875rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-glow)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-glow);font-weight:600}.nav-cta{margin-left:var(--space-sm)}.navbar-toggle{display:none;color:var(--color-text);padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.navbar-toggle:hover{background:var(--color-primary-glow);color:var(--color-primary)}@media(max-width:768px){.navbar-inner{height:64px}.navbar-toggle{display:flex;align-items:center;justify-content:center}.navbar-links{position:fixed;top:64px;left:0;right:0;bottom:0;background:#fff8f0fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;padding:var(--space-xl);gap:var(--space-sm);transform:translate(100%);transition:transform var(--transition-slow);z-index:99}.navbar-links.open{transform:translate(0)}.nav-link{font-size:var(--font-size-lg);padding:.875rem var(--space-lg);border-radius:var(--radius-md)}.nav-cta{margin-left:0;margin-top:var(--space-md);text-align:center}}.footer{background:var(--color-bg-dark);color:#ffffffb3;padding:var(--space-4xl) 0 var(--space-xl);margin-top:var(--space-4xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:800;color:#fff;margin-bottom:var(--space-md)}.footer-logo svg:first-child{color:var(--color-primary-light)}.footer-tagline{font-size:var(--font-size-sm);line-height:1.7;color:#ffffff80}.footer-section h4{color:#fff;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-lg)}.footer-section a{display:block;font-size:var(--font-size-sm);color:#ffffff80;padding:var(--space-xs) 0;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--color-primary-light)}.footer-contact{display:flex!important;align-items:center;gap:var(--space-sm)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-xl);text-align:center}.footer-bottom p{font-size:var(--font-size-sm);color:#fff6;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.heart-icon{color:var(--color-accent);animation:pulse 2s infinite}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer-brand{grid-column:1 / -1}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.landing{overflow-x:hidden}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:72px;overflow:hidden}.hero-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.shape-1{width:500px;height:500px;background:var(--color-primary-light);top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.shape-2{width:400px;height:400px;background:var(--color-accent-light);bottom:-50px;left:-100px;animation:float 10s ease-in-out infinite reverse}.shape-3{width:300px;height:300px;background:var(--color-warm-light);top:50%;left:50%;transform:translate(-50%,-50%);animation:float 12s ease-in-out infinite}.hero-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-4xl);position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;border-radius:var(--radius-full);background:var(--color-primary-glow);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-lg)}.hero-text h1{font-size:var(--font-size-5xl);font-weight:900;line-height:1.1;margin-bottom:var(--space-lg);letter-spacing:-.02em}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7;max-width:520px;margin-bottom:var(--space-xl)}.hero-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.hero-trust{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.hero-trust-avatars{display:flex}.hero-trust-avatars span{width:32px;height:32px;border-radius:50%;background:var(--color-bg-card);border:2px solid var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:14px;margin-left:-8px}.hero-trust-avatars span:first-child{margin-left:0}.hero-trust-avatars span:last-child{background:var(--color-primary);color:#fff;font-size:10px;font-weight:700}.hero-visual{position:relative;height:480px}.hero-card-stack{position:relative;width:100%;height:100%}.hero-main-card{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;padding:var(--space-2xl) var(--space-3xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl),0 0 60px #0d73774d;width:280px}.hero-pet-avatar{font-size:3rem;margin-bottom:var(--space-md)}.hero-main-card h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-xs)}.hero-main-card p{font-size:var(--font-size-sm);opacity:.85}.hero-floater{position:absolute;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:float 6s ease-in-out infinite;white-space:nowrap}.hero-floater strong{display:block;font-size:var(--font-size-sm);font-weight:600}.hero-floater small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.floater-emoji{font-size:2rem}.floater-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.floater-1{top:30px;right:0;animation-delay:-2s}.floater-2{top:140px;left:-20px;animation-delay:-4s}.floater-3{top:260px;right:-10px;animation-delay:-1s}.stats-section{padding:var(--space-4xl) 0;position:relative}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.stat-item{text-align:center;padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-bg-card);box-shadow:var(--shadow-sm);border:1px solid rgba(26,26,46,.06)}.stat-value{display:block;font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.features-section{padding:var(--space-4xl) 0}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.feature-card{padding:var(--space-2xl);text-align:center}.feature-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto var(--space-lg)}.feature-card h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-sm)}.feature-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.feature-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);transition:gap var(--transition-fast)}.feature-link:hover{gap:var(--space-sm)}.how-section{padding:var(--space-4xl) 0}.how-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-xl)}.how-step{text-align:center;padding:var(--space-2xl);background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(26,26,46,.06);flex:1;max-width:280px}.step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:var(--font-size-xl);font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg)}.how-step h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-sm)}.how-step p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.how-connector{color:var(--color-primary-light);font-size:1.5rem;flex-shrink:0}.testimonials-section{padding:var(--space-4xl) 0}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.testimonial-card{padding:var(--space-2xl)}.testimonial-stars{display:flex;gap:2px;margin-bottom:var(--space-md)}.testimonial-text{font-size:var(--font-size-base);line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-md)}.testimonial-avatar{font-size:2rem;width:44px;height:44px;border-radius:50%;background:var(--color-primary-glow);display:flex;align-items:center;justify-content:center}.testimonial-author strong{display:block;font-size:var(--font-size-sm);font-weight:600}.testimonial-author small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cta-section{padding:var(--space-4xl) 0}.cta-card{text-align:center;padding:var(--space-4xl);background:linear-gradient(135deg,var(--color-bg-dark),#2A2A4E);border-radius:var(--radius-xl);color:#fff;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;width:400px;height:400px;background:var(--color-primary);border-radius:50%;top:-200px;right:-100px;opacity:.15;filter:blur(80px)}.cta-card h2{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-md);position:relative}.cta-card p{font-size:var(--font-size-lg);opacity:.7;margin-bottom:var(--space-xl);position:relative}.cta-actions{position:relative}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin:0 auto var(--space-xl)}.hero-actions,.hero-trust{justify-content:center}.hero-visual{display:none}.features-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.how-steps{flex-direction:column}.how-connector{transform:rotate(90deg)}.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.features-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero-actions{flex-direction:column;align-items:center}.cta-card{padding:var(--space-2xl)}}.dashboard-page{background:linear-gradient(180deg,rgba(13,115,119,.03) 0%,var(--color-bg) 30%)}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3xl);flex-wrap:wrap;gap:var(--space-md)}.dashboard-welcome h1{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-xs)}.dashboard-welcome p{color:var(--color-text-secondary)}.dashboard-section{margin-bottom:var(--space-2xl)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-title h2{font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;gap:var(--space-sm)}.section-icon{color:var(--color-primary)}.view-all{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);transition:gap var(--transition-fast)}.view-all:hover{gap:var(--space-sm)}.pet-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.dashboard-pet-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg)}.pet-card-avatar{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.pet-card-info h3{font-size:var(--font-size-lg);font-weight:700}.pet-card-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pet-card-weight{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-glow);padding:2px 8px;border-radius:var(--radius-full)}.pet-card-arrow{margin-left:auto;color:var(--color-text-muted);transition:all var(--transition-fast)}.dashboard-pet-card:hover .pet-card-arrow{color:var(--color-primary);transform:translate(4px)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-xl)}.reminder-list,.checks-list,.appointments-list{display:flex;flex-direction:column;gap:var(--space-sm)}.reminder-item,.check-item,.appointment-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid rgba(26,26,46,.06);gap:var(--space-md)}.reminder-item.overdue{border-left:3px solid var(--color-danger)}.reminder-item.due-soon{border-left:3px solid var(--color-warning)}.reminder-left,.check-left{display:flex;align-items:center;gap:var(--space-md);min-width:0}.reminder-avatar{font-size:1.25rem;flex-shrink:0}.reminder-left strong,.check-left strong{display:block;font-size:var(--font-size-sm);font-weight:600}.reminder-left small,.check-left small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.check-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.check-date{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs)!important;color:var(--color-text-muted)!important}.appointment-date-badge{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-primary-glow);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.date-day{font-size:var(--font-size-lg);font-weight:800;color:var(--color-primary);line-height:1}.date-month{font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;font-weight:600}.appointment-info{flex:1;min-width:0}.appointment-info strong{display:block;font-size:var(--font-size-sm);font-weight:600}.appointment-info small{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted)}.appointment-notes{font-style:italic}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.empty-state span{font-size:2rem;display:block;margin-bottom:var(--space-sm)}.empty-state p{margin-bottom:var(--space-md)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.quick-action-card{padding:var(--space-xl);text-align:center;cursor:pointer}.qa-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md)}.quick-action-card h3{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-xs)}.quick-action-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.pet-cards-grid,.quick-actions{grid-template-columns:1fr}}.avatar-selector{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.selected-avatar{width:80px;height:80px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:3rem}.avatar-options{display:flex;gap:var(--space-sm)}.avatar-option{width:44px;height:44px;border-radius:var(--radius-md);font-size:1.5rem;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:all var(--transition-fast);background:#1a1a2e0a}.avatar-option:hover{background:#1a1a2e14}.avatar-option.active{border-color:var(--color-primary);background:var(--color-primary-glow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.color-options{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.color-option{width:32px;height:32px;border-radius:50%;border:3px solid transparent;transition:all var(--transition-fast);cursor:pointer}.color-option:hover{transform:scale(1.15)}.color-option.active{border-color:var(--color-text);box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.pets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.pets-header h1{font-size:var(--font-size-3xl);font-weight:800;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.pets-header p{color:var(--color-text-secondary)}.pets-search{position:relative;max-width:400px;margin-bottom:var(--space-2xl)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-input{padding-left:2.75rem!important;width:100%}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.pet-profile-card{overflow:hidden;cursor:pointer}.pet-profile-header{padding:var(--space-2xl);display:flex;align-items:center;justify-content:center}.pet-profile-avatar{font-size:4rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.pet-profile-body{padding:var(--space-lg);text-align:center}.pet-profile-body h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-xs)}.pet-breed{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.pet-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.pet-meta-divider{color:var(--color-text-muted)}.pet-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);padding:var(--space-md) 0;border-top:1px solid rgba(26,26,46,.06);border-bottom:1px solid rgba(26,26,46,.06);margin-bottom:var(--space-md)}.pet-stat{text-align:center}.pet-stat-value{display:block;font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.pet-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.pet-profile-action{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);transition:gap var(--transition-fast)}.pet-profile-card:hover .pet-profile-action{gap:var(--space-sm)}.pet-add-card{border:2px dashed rgba(13,115,119,.3);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:320px;color:var(--color-primary);font-size:var(--font-size-base);font-weight:600;transition:all var(--transition-base);background:transparent}.pet-add-card:hover{background:var(--color-primary-glow);border-color:var(--color-primary);transform:translateY(-4px)}@media(max-width:768px){.pets-search{max-width:100%}}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-xl);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.pet-detail-header{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-2xl);border-radius:var(--radius-xl);margin-bottom:var(--space-xl)}.pet-detail-avatar-wrap{flex-shrink:0}.pet-detail-avatar{display:flex;align-items:center;justify-content:center;width:100px;height:100px;font-size:4rem;background:#fff9;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.pet-detail-info{flex:1}.pet-detail-info h1{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-xs)}.pet-detail-breed{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.pet-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pet-detail-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.pet-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);border-bottom:2px solid rgba(26,26,46,.06);padding-bottom:var(--space-sm)}.pet-tab{display:flex;align-items:center;gap:var(--space-sm);padding:.625rem 1.25rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.pet-tab:hover{color:var(--color-primary);background:var(--color-primary-glow)}.pet-tab.active{color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));font-weight:600}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.overview-card{padding:var(--space-xl)}.overview-card.full-width{grid-column:1 / -1}.overview-card h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-lg)}.overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.o-stat{padding:var(--space-md);background:#1a1a2e05;border-radius:var(--radius-md)}.o-stat-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.o-stat-value{font-size:var(--font-size-sm);font-weight:600}.health-summary-items{display:flex;flex-direction:column;gap:var(--space-md)}.hs-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:#1a1a2e05}.hs-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hs-item strong{display:block;font-size:var(--font-size-sm)}.hs-item small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.recent-checks-list{display:flex;flex-direction:column;gap:var(--space-sm)}.rc-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:#1a1a2e05}.rc-date{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;flex-shrink:0}.rc-symptoms{flex:1;font-size:var(--font-size-sm)}.medical-timeline{position:relative;padding-left:var(--space-2xl)}.medical-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-primary-light),transparent)}.timeline-item{position:relative;margin-bottom:var(--space-lg)}.timeline-dot{position:absolute;left:calc(-1 * var(--space-2xl) + 2px);top:var(--space-lg);width:14px;height:14px;border-radius:50%;background:var(--color-primary);border:3px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-primary-light)}.timeline-content{padding:var(--space-lg)}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.timeline-date{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.timeline-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.timeline-vet{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.vaccinations-list{display:flex;flex-direction:column;gap:var(--space-md)}.vaccine-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg)}.vaccine-item.overdue{border-left:3px solid var(--color-danger)}.vaccine-item.due-soon{border-left:3px solid var(--color-warning)}.vaccine-item.up-to-date{border-left:3px solid var(--color-success)}.vaccine-info h4{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-xs)}.vaccine-dates{display:flex;gap:var(--space-lg);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:768px){.pet-detail-header{flex-direction:column;text-align:center}.pet-detail-tags{justify-content:center}.pet-detail-actions{flex-direction:row}.overview-grid{grid-template-columns:1fr}.pet-tabs{overflow-x:auto}}.symptom-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.symptom-header-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-accent),var(--color-warm));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.symptom-header h1{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-xs)}.symptom-header p{color:var(--color-text-secondary)}.symptom-disclaimer{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#f4a2611a;border:1px solid rgba(244,162,97,.2);border-radius:var(--radius-md);margin-bottom:var(--space-xl);font-size:var(--font-size-sm);color:var(--color-warm)}.symptom-disclaimer svg{flex-shrink:0;margin-top:2px}.symptom-chat-container{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(26,26,46,.06);overflow:hidden;max-width:800px;margin:0 auto}.pet-selection{padding:var(--space-3xl);text-align:center}.pet-selection-header{margin-bottom:var(--space-2xl)}.bot-avatar-large{font-size:3rem;color:var(--color-primary);margin-bottom:var(--space-lg)}.pet-selection-header h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-sm)}.pet-selection-header p{color:var(--color-text-secondary)}.pet-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md);max-width:500px;margin:0 auto}.pet-select-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);border-radius:var(--radius-lg);border:2px solid rgba(26,26,46,.08);background:var(--color-bg);transition:all var(--transition-base)}.pet-select-card:hover{border-color:var(--color-primary);background:var(--color-primary-glow);transform:translateY(-4px);box-shadow:var(--shadow-md)}.pet-select-avatar{font-size:2.5rem}.pet-select-card strong{font-size:var(--font-size-base)}.pet-select-card small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid rgba(26,26,46,.06);background:#0d737708}.chat-header-pet{display:flex;align-items:center;gap:var(--space-md)}.chat-pet-avatar{font-size:1.5rem}.chat-header-pet strong{display:block;font-size:var(--font-size-sm)}.chat-header-pet small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chat-messages{padding:var(--space-xl);height:480px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg)}.chat-msg{display:flex;gap:var(--space-md);animation:fadeInUp .3s ease}.chat-msg.user{flex-direction:row-reverse}.msg-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem}.chat-msg.bot .msg-avatar{background:var(--color-primary-glow);color:var(--color-primary)}.chat-msg.user .msg-avatar{background:#ff6b6b1f;color:var(--color-accent)}.msg-content{max-width:75%}.msg-text{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.7;white-space:pre-line}.chat-msg.bot .msg-text{background:var(--color-bg);border-bottom-left-radius:4px}.chat-msg.user .msg-text{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-bottom-right-radius:4px}.msg-time{display:block;font-size:10px;color:var(--color-text-muted);margin-top:4px;padding:0 var(--space-sm)}.chat-msg.user .msg-time{text-align:right}.result-card{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-bg);border-left:4px solid}.result-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.result-icon{font-size:2rem}.result-level{display:block;font-size:var(--font-size-lg);font-weight:700}.result-severity{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.result-message{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.result-actions-list{margin-bottom:var(--space-lg)}.result-actions-list strong{display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.result-actions-list ul{list-style:none;padding:0}.result-actions-list li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-xs) 0;padding-left:var(--space-lg);position:relative}.result-actions-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:600}.result-cta{width:100%;justify-content:center}.typing-indicator{display:flex;gap:4px;padding:var(--space-md) var(--space-lg);background:var(--color-bg);border-radius:var(--radius-lg);border-bottom-left-radius:4px;width:fit-content}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);animation:pulse 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chat-input-area{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-top:1px solid rgba(26,26,46,.06);background:#1a1a2e05}.chat-input{flex:1;border-radius:var(--radius-full)!important}.send-btn{width:48px;height:48px;border-radius:50%!important;padding:0!important;flex-shrink:0}.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.chat-header-actions{display:flex;gap:var(--space-sm);align-items:center}.follow-up-progress{padding:var(--space-sm) var(--space-xl);background:#0d73770a;border-bottom:1px solid rgba(26,26,46,.04)}.progress-label{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:4px}.progress-bar{height:4px;border-radius:2px;background:#1a1a2e14;overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width .4s ease}.summary-generated-card{padding:var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0d73770f,#14bdbd0f);border:1px solid rgba(13,115,119,.15)}.summary-card-header{display:flex;align-items:center;gap:var(--space-md);color:var(--color-primary);margin-bottom:var(--space-md)}.summary-card-header strong{display:block;font-size:var(--font-size-base)}.summary-card-header small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.summary-card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.summary-card-stats{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.scs-item{flex:1;text-align:center;padding:var(--space-sm);border-radius:var(--radius-md);background:#fffc}.scs-value{display:block;font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary)}.scs-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-card-actions{display:flex;gap:var(--space-sm)}.summary-modal{max-width:640px;max-height:85vh}.summary-modal-body{overflow-y:auto;max-height:60vh}.report-section{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(26,26,46,.06)}.report-section:last-child{border-bottom:none}.report-section-title{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-md)}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.report-field{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#1a1a2e05}.rf-label{display:block;font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.rf-value{font-size:var(--font-size-sm);font-weight:600}.report-text{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-text-secondary);padding:var(--space-md);background:#1a1a2e05;border-radius:var(--radius-md);border-left:3px solid var(--color-warm)}.report-triage{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:#1a1a2e05;border-left:4px solid}.report-triage-icon{font-size:1.5rem;flex-shrink:0}.report-triage strong{display:block;font-size:var(--font-size-sm);margin-bottom:4px}.report-triage p{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5}.report-qa-list{display:flex;flex-direction:column;gap:var(--space-md)}.report-qa-item{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(26,26,46,.06)}.rqa-question,.rqa-answer{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.rqa-question{background:#1a1a2e08;font-weight:500}.rqa-answer{background:#fff;color:var(--color-text-secondary)}.rqa-num{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rqa-num.answer{background:var(--color-primary-light)}.report-notes{list-style:none;padding:0}.report-notes li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-xs) 0 var(--space-xs) var(--space-lg);position:relative}.report-notes li:before{content:"•";position:absolute;left:var(--space-sm);color:var(--color-primary);font-weight:700}.report-history{display:flex;flex-direction:column;gap:var(--space-sm)}.report-history-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#1a1a2e05;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.rhi-date{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.rhi-desc{color:var(--color-text-secondary)}.report-overdue-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#e045450f;border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.report-overdue-item strong{color:var(--color-danger)}.report-overdue-item span{color:var(--color-text-muted)}.report-send-section{background:linear-gradient(135deg,#0d73770a,#14bdbd0a);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px dashed rgba(13,115,119,.2)}.send-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.vet-send-list{display:flex;flex-direction:column;gap:var(--space-sm)}.vet-send-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:#fff;border-radius:var(--radius-md);border:1px solid rgba(26,26,46,.06);transition:all var(--transition-fast)}.vet-send-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.vsc-info{display:flex;align-items:center;gap:var(--space-md)}.vsc-avatar{font-size:1.5rem}.vsc-info strong{display:block;font-size:var(--font-size-sm)}.vsc-info small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sent-confirmation{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#2ec4b61a;border-radius:var(--radius-md);color:var(--color-success)}.sent-confirmation strong{display:block;margin-bottom:2px}.sent-confirmation p{font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media(max-width:768px){.symptom-header{flex-direction:column;text-align:center}.chat-messages{height:360px}.msg-content{max-width:85%}.chat-header-actions{flex-direction:column;gap:4px}.summary-card-stats{flex-direction:column}.report-grid{grid-template-columns:repeat(2,1fr)}.summary-modal{max-width:95vw}}.booking-modal{max-width:520px}.booking-vet-info{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-primary-glow);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.booking-vet-avatar{font-size:2rem}.booking-vet-info strong{display:block;font-size:var(--font-size-base)}.booking-vet-info small{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-top:var(--space-xs)}.time-slot{padding:.5rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;border:1px solid rgba(26,26,46,.1);background:var(--color-bg);color:var(--color-text-secondary);transition:all var(--transition-fast)}.time-slot:hover{border-color:var(--color-primary);color:var(--color-primary)}.time-slot.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.review-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-xl)}.review-details{display:flex;flex-direction:column;gap:var(--space-sm)}.review-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-radius:var(--radius-md);background:#1a1a2e05}.review-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.review-value{font-size:var(--font-size-sm);font-weight:600}.fee-highlight{color:var(--color-primary);font-size:var(--font-size-lg)}.booking-success{padding:var(--space-3xl);text-align:center}.success-icon{width:72px;height:72px;border-radius:50%;background:#2ec4b626;color:var(--color-success);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);animation:scaleIn .4s ease}.booking-success h2{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-sm)}.booking-success>p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.success-details{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-primary-glow);border-radius:var(--radius-md);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-lg)}.success-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl)}.vets-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.vets-header-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-warm),var(--color-accent));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vets-header h1{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-xs)}.vets-header p{color:var(--color-text-secondary)}.vets-controls{margin-bottom:var(--space-2xl)}.vets-search{position:relative;max-width:500px;margin-bottom:var(--space-md)}.vets-filters{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.filter-icon{color:var(--color-text-muted)}.filter-chip{padding:.375rem .875rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid rgba(26,26,46,.08);transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.vets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-xl)}.vet-card{padding:var(--space-xl)}.vet-card-top{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-md)}.vet-avatar-wrap{position:relative;flex-shrink:0}.vet-avatar{width:56px;height:56px;border-radius:var(--radius-lg);background:#0d737714;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.vet-status{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:2px solid white}.vet-status.online{background:var(--color-success)}.vet-status.offline{background:var(--color-text-muted)}.vet-info h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:2px}.vet-spec{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;margin-bottom:var(--space-xs)}.vet-rating{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:600}.vet-rating small{font-weight:400;color:var(--color-text-muted)}.vet-bio{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.vet-details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.vet-detail-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.vet-languages{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap}.lang-tag{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;background:#1a1a2e0a;color:var(--color-text-muted)}.vet-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid rgba(26,26,46,.06)}.vet-fee{display:flex;flex-direction:column}.fee-amount{font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary)}.vet-fee small{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:768px){.vets-header{flex-direction:column;text-align:center}.vets-grid{grid-template-columns:1fr}.vets-search{max-width:100%}}.community-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.community-header-left{display:flex;align-items:center;gap:var(--space-lg)}.community-header-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#2a9d8f,#14bdbd);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.community-header h1{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-xs)}.community-header p{color:var(--color-text-secondary)}.community-categories{display:flex;gap:var(--space-sm);margin-bottom:var(--space-2xl);overflow-x:auto;padding-bottom:var(--space-sm)}.category-tab{padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid rgba(26,26,46,.08);transition:all var(--transition-fast)}.category-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-color:var(--color-primary)}.posts-feed{display:flex;flex-direction:column;gap:var(--space-lg);max-width:700px}.post-card{padding:var(--space-xl)}.post-card:hover{transform:none}.post-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.post-author{display:flex;align-items:center;gap:var(--space-md)}.post-author-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary-glow);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.post-author strong{display:block;font-size:var(--font-size-sm)}.post-author small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.post-category-tag{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;background:var(--color-primary-glow);color:var(--color-primary)}.post-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-sm);line-height:1.4}.post-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.post-actions{display:flex;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(26,26,46,.06)}.post-action-btn{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);transition:all var(--transition-fast)}.post-action-btn:hover{background:#1a1a2e0a;color:var(--color-text-secondary)}.post-action-btn.liked{color:var(--color-accent)}.post-action-btn.liked:hover{background:#ff6b6b14}.compose-modal{max-width:560px}.post-action-btn.has-comments{cursor:pointer}.post-action-btn.has-comments:hover,.post-action-btn.active-comments{color:var(--color-primary);background:var(--color-primary-glow)}.comments-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(26,26,46,.06);animation:commentsSlideIn .3s ease-out}@keyframes commentsSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.comments-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:360px;overflow-y:auto;padding-right:var(--space-xs);margin-bottom:var(--space-md)}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-thumb{background:#1a1a2e1f;border-radius:4px}.comment-item{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:#1a1a2e05;transition:background var(--transition-fast);animation:commentFadeIn .25s ease-out}@keyframes commentFadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.comment-item:hover{background:#1a1a2e0a}.comment-avatar{width:30px;height:30px;border-radius:50%;background:var(--color-primary-glow);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;margin-top:2px}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2px}.comment-author{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-primary)}.comment-time{font-size:.65rem;color:var(--color-text-muted)}.comment-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0;word-wrap:break-word}.comment-input-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#1a1a2e08;border-radius:var(--radius-full);border:1px solid rgba(26,26,46,.08);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.comment-input-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.comment-input-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-primary-glow);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.comment-input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none;padding:var(--space-xs) 0;font-family:inherit}.comment-input::placeholder{color:var(--color-text-muted)}.comment-send-btn{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);opacity:1}.comment-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.comment-send-btn:not(:disabled):hover{transform:scale(1.1);box-shadow:0 2px 8px #2a9d8f66}@media(max-width:768px){.community-header-left{flex-direction:column;text-align:center}.community-categories{justify-content:flex-start}.comments-list{max-height:260px}}.pricing-page{overflow-x:hidden}.pricing-hero{text-align:center;padding:var(--space-4xl) 0 var(--space-2xl);position:relative}.pricing-hero .section-header{margin-bottom:var(--space-xl)}.pricing-hero h1{font-size:var(--font-size-4xl);font-weight:900;line-height:1.15;margin-bottom:var(--space-md);letter-spacing:-.02em}.pricing-hero .pricing-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:560px;margin:0 auto;line-height:1.7}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-2xl) auto var(--space-3xl)}.billing-toggle span{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);transition:color var(--transition-fast)}.billing-toggle span.active{color:var(--color-text)}.toggle-switch{position:relative;width:56px;height:30px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));cursor:pointer;transition:background var(--transition-base);flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform var(--transition-spring);box-shadow:0 2px 6px #00000026}.toggle-switch.annual:after{transform:translate(26px)}.save-badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .75rem;border-radius:var(--radius-full);background:#2ec4b626;color:var(--color-success);font-size:var(--font-size-xs);font-weight:700;white-space:nowrap}.plans-section{padding-bottom:var(--space-4xl)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);align-items:stretch;max-width:1050px;margin:0 auto}.plan-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-2xl);border:2px solid rgba(26,26,46,.06);display:flex;flex-direction:column;transition:all var(--transition-base);position:relative}.plan-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.plan-card.featured{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-color:transparent;box-shadow:var(--shadow-xl),0 0 60px #0d737740;transform:scale(1.04);z-index:2}.plan-card.featured:hover{transform:scale(1.04) translateY(-6px);box-shadow:var(--shadow-xl),0 0 80px #0d737759}.plan-popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:.35rem 1.25rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),var(--color-warm));color:#fff;font-size:var(--font-size-xs);font-weight:700;white-space:nowrap;box-shadow:0 4px 16px #ff6b6b59;letter-spacing:.03em;text-transform:uppercase}.plan-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:var(--space-lg);background:var(--color-primary-glow);color:var(--color-primary)}.plan-card.featured .plan-icon{background:#fff3;color:#fff}.plan-name{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-xs)}.plan-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.plan-card.featured .plan-description{color:#ffffffbf}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:var(--space-sm)}.plan-price .amount{font-size:var(--font-size-4xl);font-weight:900;line-height:1}.plan-price .period{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.plan-card.featured .plan-price .period{color:#ffffffa6}.plan-billed{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-xl)}.plan-card.featured .plan-billed{color:#ffffff8c}.plan-features{flex:1;display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.plan-feature{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plan-card.featured .plan-feature{color:#ffffffd9}.plan-feature .check-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#2ec4b626;color:var(--color-success);font-size:11px}.plan-card.featured .plan-feature .check-icon{background:#fff3;color:#fff}.plan-cta{width:100%;padding:.875rem;border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm);text-align:center;transition:all var(--transition-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.plan-cta-default{background:var(--color-bg);color:var(--color-primary);border:2px solid var(--color-primary)}.plan-cta-default:hover{background:var(--color-primary-glow);transform:translateY(-2px);box-shadow:0 4px 16px #0d737733}.plan-cta-featured{background:#fff;color:var(--color-primary);border:none;box-shadow:0 4px 20px #00000026}.plan-cta-featured:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}.plan-cta-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-warm));color:#fff;border:none;box-shadow:0 4px 16px #ff6b6b4d}.plan-cta-accent:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b66}.faq-section{padding:var(--space-4xl) 0}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid rgba(26,26,46,.06);overflow:hidden;transition:box-shadow var(--transition-base)}.faq-item:hover{box-shadow:var(--shadow-sm)}.faq-item.open{box-shadow:var(--shadow-md)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);font-weight:600;font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;text-align:left;transition:color var(--transition-fast)}.faq-question:hover{color:var(--color-primary)}.faq-chevron{transition:transform var(--transition-base);color:var(--color-text-muted);flex-shrink:0}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--color-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow),padding var(--transition-slow)}.faq-item.open .faq-answer{max-height:300px}.faq-answer-inner{padding:0 var(--space-xl) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.pricing-cta{padding:var(--space-3xl) 0 var(--space-4xl)}.pricing-cta-card{text-align:center;padding:var(--space-3xl) var(--space-xl);background:linear-gradient(135deg,var(--color-bg-dark),#2A2A4E);border-radius:var(--radius-xl);color:#fff;position:relative;overflow:hidden}.pricing-cta-card:before{content:"";position:absolute;width:350px;height:350px;background:var(--color-primary);border-radius:50%;top:-160px;right:-80px;opacity:.15;filter:blur(80px)}.pricing-cta-card:after{content:"";position:absolute;width:250px;height:250px;background:var(--color-accent);border-radius:50%;bottom:-100px;left:-60px;opacity:.1;filter:blur(60px)}.pricing-cta-card h2{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-md);position:relative;z-index:1}.pricing-cta-card p{font-size:var(--font-size-lg);opacity:.7;margin-bottom:var(--space-xl);position:relative;z-index:1;max-width:500px;margin-left:auto;margin-right:auto}.pricing-cta-card .btn{position:relative;z-index:1}@media(max-width:1024px){.plans-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.plan-card.featured{transform:scale(1.02)}.plan-card.featured:hover{transform:scale(1.02) translateY(-6px)}}@media(max-width:768px){.plans-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;gap:var(--space-xl)}.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-6px)}.pricing-hero h1{font-size:var(--font-size-3xl)}.billing-toggle{flex-wrap:wrap}}@media(max-width:480px){.pricing-cta-card{padding:var(--space-2xl) var(--space-lg)}.faq-question{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm)}.faq-answer-inner{padding:0 var(--space-lg) var(--space-md)}}:root{--color-primary: #0D7377;--color-primary-light: #14BDBD;--color-primary-dark: #095555;--color-primary-glow: rgba(13, 115, 119, .15);--color-accent: #FF6B6B;--color-accent-light: #FF9A9A;--color-accent-dark: #E04545;--color-warm: #F4A261;--color-warm-light: #F7C99E;--color-bg: #FFF8F0;--color-bg-dark: #1A1A2E;--color-bg-card: #FFFFFF;--color-bg-glass: rgba(255, 255, 255, .72);--color-text: #1A1A2E;--color-text-secondary: #5A5A7A;--color-text-muted: #9A9ABF;--color-text-inverse: #FFFFFF;--color-success: #2EC4B6;--color-warning: #F4A261;--color-danger: #E04545;--color-info: #4DA8DA;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(26, 26, 46, .06);--shadow-md: 0 4px 16px rgba(26, 26, 46, .08);--shadow-lg: 0 8px 32px rgba(26, 26, 46, .12);--shadow-xl: 0 16px 48px rgba(26, 26, 46, .16);--shadow-glow: 0 0 30px rgba(13, 115, 119, .2);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.glass{background:var(--color-bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.gradient-bg-warm{background:linear-gradient(135deg,var(--color-accent),var(--color-warm))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-text-inverse);box-shadow:0 4px 16px #0d73774d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0d737766}.btn-secondary{background:var(--color-bg-card);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary-glow);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-warm));color:var(--color-text-inverse);box-shadow:0 4px 16px #ff6b6b4d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff6b6b66}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:#0d737714;color:var(--color-primary)}.btn-lg{padding:1rem 2rem;font-size:var(--font-size-base)}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-xs)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(26,26,46,.06);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-glass{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-glass:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.form-input{padding:.75rem 1rem;border-radius:var(--radius-md);border:2px solid rgba(26,26,46,.1);background:var(--color-bg-card);color:var(--color-text);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.form-input::placeholder{color:var(--color-text-muted)}.form-select{padding:.75rem 2.5rem .75rem 1rem;border-radius:var(--radius-md);border:2px solid rgba(26,26,46,.1);background:var(--color-bg-card);color:var(--color-text);transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235A5A7A' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.form-textarea{padding:.75rem 1rem;border-radius:var(--radius-md);border:2px solid rgba(26,26,46,.1);background:var(--color-bg-card);color:var(--color-text);transition:all var(--transition-fast);resize:vertical;min-height:100px}.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.badge-success{background:#2ec4b626;color:var(--color-success)}.badge-warning{background:#f4a26126;color:var(--color-warning)}.badge-danger{background:#e0454526;color:var(--color-danger)}.badge-info{background:#4da8da26;color:var(--color-info)}.badge-primary{background:var(--color-primary-glow);color:var(--color-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-in{animation:slideInRight .5s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.2s}.stagger>*:nth-child(4){animation-delay:.3s}.stagger>*:nth-child(5){animation-delay:.4s}.stagger>*:nth-child(6){animation-delay:.5s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:var(--space-lg)}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid rgba(26,26,46,.08)}.modal-header h2{font-size:var(--font-size-xl);font-weight:700}.modal-close{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--color-text-muted);transition:all var(--transition-fast)}.modal-close:hover{background:#1a1a2e14;color:var(--color-text)}.modal-body{padding:var(--space-xl)}.modal-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid rgba(26,26,46,.08);display:flex;justify-content:flex-end;gap:var(--space-sm)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header .tagline{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.375rem 1rem;border-radius:var(--radius-full);background:var(--color-primary-glow);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-md)}.section-header h2{font-size:var(--font-size-3xl);font-weight:800;line-height:1.2;margin-bottom:var(--space-md)}.section-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a1a2e26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#1a1a2e40}.page{animation:fadeInUp .5s ease;min-height:calc(100vh - 80px);padding-top:100px;padding-bottom:var(--space-4xl)}@media(max-width:768px){:root{--font-size-5xl: 2.25rem;--font-size-4xl: 1.875rem;--font-size-3xl: 1.5rem}.container{padding:0 var(--space-md)}.page{padding-top:80px}}@media(max-width:480px){:root{--font-size-5xl: 1.875rem;--font-size-4xl: 1.5rem;--font-size-3xl: 1.25rem}}