.about-hero{padding:var(--space-5xl) 0 var(--space-4xl);text-align:center;background:linear-gradient(180deg,#fff,#fafafa)}.about-hero-content{max-width:800px;margin:0 auto;animation:fadeInUp .8s ease-out}.about-title{font-family:var(--font-display);font-size:clamp(var(--text-4xl),5vw,var(--text-6xl));font-weight:800;line-height:1.1;margin-bottom:var(--space-lg);letter-spacing:-.03em;color:var(--color-text-primary)}.about-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.7;max-width:650px;margin:0 auto}.mission-section{padding:var(--space-4xl) 0;background:var(--color-bg-primary)}.mission-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4xl);align-items:center}.mission-statement{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;line-height:1.5;color:var(--color-text-primary);margin-bottom:var(--space-xl);padding-left:var(--space-lg);border-left:4px solid var(--color-primary)}.mission-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.8}.mission-visual{display:flex;justify-content:center}.mission-image-wrapper{position:relative}.mission-image{width:100%;max-width:350px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.12))}.mission-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);border-radius:50%;filter:blur(40px);z-index:-1}.values-section{padding:var(--space-5xl) 0;background:var(--color-bg-secondary)}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.value-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all var(--transition-base)}.value-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.value-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border-radius:var(--radius-lg);color:var(--color-primary);margin-bottom:var(--space-lg)}.value-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.value-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7}.product-section{padding:var(--space-5xl) 0;background:var(--color-bg-primary)}.product-features{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-4xl);align-items:start}.product-showcase{position:sticky;top:120px}.showcase-image-wrapper{position:relative;display:flex;justify-content:center}.showcase-image{width:100%;max-width:320px;height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.15))}.showcase-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);border-radius:50%;filter:blur(60px);z-index:-1;animation:glowPulse 4s ease-in-out infinite}.product-specs{display:flex;flex-direction:column;gap:var(--space-3xl)}.spec-group-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.05em}.spec-list{display:flex;flex-direction:column;gap:var(--space-md)}.spec-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.spec-item:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-md)}.spec-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.spec-icon.sos{color:var(--color-primary);background:var(--color-primary-soft)}.spec-icon.health{color:var(--color-success);background:var(--color-success-soft)}.spec-icon.fall{color:var(--color-warning);background:#f59e0b1a}.spec-content h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text-primary)}.spec-content p{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.5}.contact-section{padding:var(--space-5xl) 0;background:var(--color-bg-secondary)}.contact-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4xl);align-items:start}.contact-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-2xl)}.contact-methods{display:flex;flex-direction:column;gap:var(--space-md)}.contact-method{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.contact-method:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.method-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.method-content{display:flex;flex-direction:column}.method-label{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-xs)}.method-value{font-family:var(--font-display);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)}.contact-cta{position:sticky;top:120px}.cta-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);text-align:center;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary)}.cta-card h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.cta-card p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.cta-card .btn{width:100%}@media(max-width:1024px){.mission-content{grid-template-columns:1fr;gap:var(--space-3xl)}.mission-visual{order:-1}.product-features{grid-template-columns:1fr}.product-showcase{position:relative;top:0;margin-bottom:var(--space-2xl)}.contact-content{grid-template-columns:1fr}.contact-cta{position:relative;top:0}}@media(max-width:768px){.values-grid{grid-template-columns:1fr}.about-hero{padding:var(--space-4xl) 0 var(--space-3xl)}.mission-statement{font-size:var(--text-xl)}}[data-theme=dark] .about-hero{background:linear-gradient(180deg,#0f0f0f,#1a1a1a)}.auth-page{min-height:100vh;background:var(--color-bg-primary)}.auth-page .ambient-bg{opacity:.5}.auth-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-branding{background:var(--color-bg-dark);color:var(--color-text-inverse);padding:var(--space-2xl);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);filter:blur(80px);opacity:.5}.auth-logo{display:flex;align-items:center;gap:0;font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--color-text-inverse);position:relative;z-index:1}.auth-logo sup{font-size:.5em;font-weight:400;vertical-align:super;margin-left:2px}.auth-logo .logo-icon{width:24px;height:30px;object-fit:cover;object-position:left center;margin-right:2px}.branding-content{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;max-width:400px}.branding-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-md);line-height:1.2}.branding-description{font-size:var(--text-lg);color:#ffffffb3;line-height:1.7;margin-bottom:var(--space-2xl)}.branding-features{display:flex;flex-direction:column;gap:var(--space-md)}.branding-feature{display:flex;align-items:center;gap:var(--space-sm);color:#fffc;font-size:var(--text-sm)}.branding-feature svg{color:var(--color-primary);flex-shrink:0}.branding-footer{position:relative;z-index:1}.branding-footer p{font-size:var(--text-sm);color:#ffffff80}.auth-form-wrapper{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);background:var(--color-bg-primary)}.auth-form-container{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-link{color:var(--color-primary);font-weight:600;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-dark)}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label-row{display:flex;justify-content:space-between;align-items:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.form-link{font-size:var(--text-sm);color:var(--color-primary);font-weight:500;transition:color var(--transition-fast)}.form-link:hover{color:var(--color-primary-dark)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-md);color:var(--color-text-muted);pointer-events:none}.form-input{width:100%;padding:var(--space-md);padding-left:calc(var(--space-md) * 2 + 20px);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.password-toggle{position:absolute;right:var(--space-md);color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--color-text-secondary)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox-input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.checkbox-custom:after{content:"";width:10px;height:10px;background:var(--color-primary);border-radius:2px;transform:scale(0);transition:transform var(--transition-fast)}.checkbox-input:checked+.checkbox-custom{border-color:var(--color-primary)}.checkbox-input:checked+.checkbox-custom:after{transform:scale(1)}.checkbox-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{font-size:var(--text-sm);color:var(--color-text-muted)}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.social-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.social-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.auth-footer-text{margin-top:var(--space-xl);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;line-height:1.6}.auth-footer-text a{color:var(--color-text-secondary);text-decoration:underline;transition:color var(--transition-fast)}.auth-footer-text a:hover{color:var(--color-primary)}@media(max-width:1024px){.auth-container{grid-template-columns:1fr}.auth-branding{display:none}.auth-form-wrapper{min-height:100vh}}@media(max-width:480px){.auth-form-wrapper{padding:var(--space-lg)}.form-row,.social-buttons{grid-template-columns:1fr}}.legal-page{padding-top:calc(var(--nav-height) + var(--space-2xl));padding-bottom:var(--space-4xl);min-height:100vh}.legal-container{max-width:800px;margin:0 auto;padding:0 var(--space-lg)}.legal-header{text-align:center;margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border)}.legal-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-md)}.legal-meta{font-size:var(--text-sm);color:var(--color-text-muted)}.legal-content{color:var(--color-text-secondary);line-height:1.8}.legal-section{margin-bottom:var(--space-2xl)}.legal-section h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-lg);padding-top:var(--space-lg)}.legal-section h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.legal-section p{margin-bottom:var(--space-md)}.legal-intro{font-size:var(--text-lg);color:var(--color-text-primary);line-height:1.7}.legal-section ul,.legal-section ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.legal-section li{margin-bottom:var(--space-sm);position:relative}.legal-section ul li::marker{color:var(--color-primary)}.legal-section ol li::marker{color:var(--color-primary);font-weight:600}.legal-section a{color:var(--color-primary);font-weight:500;transition:color var(--transition-fast)}.legal-section a:hover{color:var(--color-primary-dark)}.contact-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0}.contact-card p{margin-bottom:var(--space-xs)}.contact-card p:last-child{margin-bottom:0}.legal-notice{display:flex;gap:var(--space-md);background:#ec1c240d;border:1px solid rgba(236,28,36,.2);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-xl) 0}.legal-notice svg{flex-shrink:0;color:var(--color-primary);margin-top:2px}.legal-notice p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.legal-page+.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) 0;max-width:1200px;margin:0 auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.footer-bottom p{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-legal-links{display:flex;gap:var(--space-lg)}.footer-legal-links a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-legal-links a:hover{color:var(--color-primary)}@media(max-width:768px){.legal-page{padding-top:calc(var(--nav-height) + var(--space-xl))}.legal-title{font-size:var(--text-3xl)}.legal-section h2{font-size:var(--text-lg)}.legal-section h3{font-size:var(--text-base)}.legal-notice{flex-direction:column;gap:var(--space-sm)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}}.shop-page{padding:8rem 0 var(--space-3xl);min-height:60vh}.shop-container{max-width:1100px;margin:0 auto;padding:0 var(--space-lg)}.shop-container-narrow{max-width:720px}.shop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap}.shop-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);line-height:1.2}.shop-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:.25rem}.shop-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-4xl) 0;color:var(--color-text-tertiary)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shop-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-4xl) 0;color:var(--color-text-tertiary);text-align:center}.shop-empty svg{opacity:.4}.shop-alert{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg);background:var(--color-success-soft);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.shop-alert.error{background:#ec1c2414;color:var(--color-primary);border-color:#ec1c2433}.shop-search{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);min-width:240px;transition:border-color var(--transition-fast)}.shop-search:focus-within{border-color:var(--color-primary)}.shop-search svg{color:var(--color-text-muted);flex-shrink:0}.shop-search input{border:none;outline:none;background:none;font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-primary);width:100%}.breadcrumb{display:flex;align-items:center;gap:.375rem;font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-xl)}.breadcrumb a{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{color:var(--color-text-primary);font-weight:500}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.product-card-shop{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;transition:all var(--transition-base)}.product-card-shop:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card-image{position:relative;aspect-ratio:4/3;background:var(--color-bg-secondary);overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card-shop:hover .product-card-image img{transform:scale(1.05)}.product-badge-sale{position:absolute;top:.75rem;left:.75rem;background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;padding:.25rem .625rem;border-radius:var(--radius-full)}.product-card-body{padding:var(--space-md) var(--space-lg) var(--space-lg)}.product-card-brand{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.product-card-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-top:.25rem;line-height:1.3}.product-card-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:.375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-md)}.product-card-price{display:flex;align-items:baseline;gap:.5rem}.price-current{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.price-old{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:line-through}.product-card-rating{display:flex;align-items:center;gap:.25rem;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.pd-gallery{display:flex;flex-direction:column;gap:var(--space-md)}.pd-main-image{aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.pd-main-image img{width:100%;height:100%;object-fit:cover}.pd-no-image{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:var(--text-lg)}.pd-thumbnails{display:flex;gap:.5rem;overflow-x:auto}.pd-thumb{width:64px;height:64px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:var(--color-bg-secondary);transition:border-color var(--transition-fast);flex-shrink:0}.pd-thumb.active{border-color:var(--color-primary)}.pd-thumb img{width:100%;height:100%;object-fit:cover}.pd-info{display:flex;flex-direction:column}.pd-brand{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.pd-name{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin-top:.375rem;line-height:1.2}.pd-rating-row{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.pd-stars{display:flex;gap:2px}.pd-rating-text{font-size:var(--text-sm);color:var(--color-text-tertiary)}.pd-price-row{display:flex;align-items:baseline;gap:.75rem;margin-top:var(--space-md)}.pd-price{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-primary)}.pd-price-old{font-size:var(--text-lg);color:var(--color-text-muted);text-decoration:line-through}.pd-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-top:var(--space-md)}.pd-section{margin-top:var(--space-xl)}.pd-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.pd-colors{display:flex;gap:.5rem;flex-wrap:wrap}.pd-color-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-secondary);transition:all var(--transition-fast)}.pd-color-btn.active{border-color:var(--color-primary);color:var(--color-primary)}.pd-color-swatch{width:18px;height:18px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.1)}.qty-control{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.qty-control button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-bg-secondary);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast)}.qty-control button:hover:not(:disabled){background:var(--color-bg-tertiary)}.qty-control button:disabled{opacity:.4;cursor:default}.qty-control span{min-width:40px;text-align:center;font-weight:600;font-size:var(--text-base);color:var(--color-text-primary)}.pd-actions{margin-top:var(--space-xl)}.pd-cart-msg{margin-top:var(--space-md);padding:.625rem 1rem;border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-success-soft);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.pd-cart-msg.error{background:#ec1c2414;color:var(--color-primary);border-color:#ec1c2433}.pd-return-note{display:flex;align-items:center;gap:.375rem;margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-text-tertiary)}.pd-features{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.pd-features-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md)}.pd-features ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.pd-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.pd-features li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-primary);margin-top:.5em;flex-shrink:0}.pd-full-desc,.pd-details-table,.pd-similar{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border)}.pd-full-desc h2,.pd-details-table h2,.pd-similar h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.pd-full-desc div{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7}.pd-details-table table{width:100%;border-collapse:collapse}.pd-details-table td{padding:.75rem 1rem;font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.pd-details-table td:first-child{font-weight:600;color:var(--color-text-secondary);width:40%}.pd-details-table td:last-child{color:var(--color-text-primary)}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-2xl);align-items:start}.cart-items{display:flex;flex-direction:column;gap:var(--space-md)}.cart-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.cart-item-img{width:80px;height:80px;border-radius:var(--radius-lg);object-fit:cover;background:var(--color-bg-secondary);flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);text-decoration:none;display:block;margin-bottom:.25rem}.cart-item-name:hover{color:var(--color-primary)}.cart-item-color{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-xs);color:var(--color-text-tertiary)}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.cart-item-price{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-top:.25rem}.cart-item-actions{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.cart-item-remove{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.cart-item-remove:hover{color:var(--color-primary);background:#ec1c2414}.cart-summary{position:sticky;top:100px;padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.cart-summary-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.cart-address-section{margin-bottom:var(--space-lg)}.cart-address-select{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-secondary);outline:none;cursor:pointer}.cart-address-select:focus{border-color:var(--color-primary)}.cart-no-address{text-align:center;padding:var(--space-md);color:var(--color-text-tertiary);font-size:var(--text-sm)}.cart-no-address p{margin-bottom:.5rem}.cart-totals{display:flex;flex-direction:column;gap:0;margin-bottom:var(--space-lg)}.cart-total-row{display:flex;justify-content:space-between;padding:.625rem 0;font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.cart-total-row:last-child{border-bottom:none}.cart-total-row.total{font-weight:700;font-size:var(--text-base);color:var(--color-text-primary);padding-top:var(--space-md);border-top:2px solid var(--color-border);margin-top:.25rem}.order-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl);overflow-x:auto}.order-tab{padding:.75rem 1.25rem;font-size:var(--text-sm);font-weight:500;font-family:var(--font-body);color:var(--color-text-tertiary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.order-tab:hover{color:var(--color-text-primary)}.order-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.orders-list{display:flex;flex-direction:column;gap:var(--space-md)}.order-card{display:block;text-decoration:none;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-base)}.order-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.order-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.order-card-meta{display:flex;align-items:center;gap:var(--space-md)}.order-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.order-status-badge.pending{background:#f59e0b1a;color:var(--color-warning)}.order-status-badge.transit{background:#3b82f61a;color:var(--color-info)}.order-status-badge.delivered{background:var(--color-success-soft);color:var(--color-success)}.order-status-badge.cancelled{background:#ec1c2414;color:var(--color-primary)}.order-status-badge.returned{background:#6b72801a;color:var(--color-text-tertiary)}.order-status-badge.large{padding:.375rem 1rem;font-size:var(--text-sm)}.order-card-date{font-size:var(--text-xs);color:var(--color-text-muted)}.order-card-total{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.order-card-body{display:flex;align-items:center;gap:var(--space-md)}.order-card-img{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-secondary);flex-shrink:0}.order-card-info{flex:1;min-width:0}.order-card-info h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:.125rem}.order-card-info p{font-size:var(--text-xs);color:var(--color-text-tertiary)}.order-card-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card-arrow{color:var(--color-text-muted);flex-shrink:0}.od-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2xl);gap:var(--space-lg);flex-wrap:wrap}.od-cards{display:flex;flex-direction:column;gap:var(--space-lg)}.od-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl)}.od-card-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.od-product{display:flex;gap:var(--space-lg)}.od-product img{width:80px;height:80px;border-radius:var(--radius-lg);object-fit:cover;background:var(--color-bg-secondary);flex-shrink:0}.od-product-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);text-decoration:none;display:block;margin-bottom:.25rem}.od-product-name:hover{color:var(--color-primary)}.od-product p{font-size:var(--text-sm);color:var(--color-text-tertiary)}.od-product-price{font-weight:600;color:var(--color-text-primary)!important;margin-top:.25rem}.od-address{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.od-timeline{display:flex;flex-direction:column;gap:0;padding-left:.75rem}.od-timeline-item{display:flex;gap:1rem;padding-bottom:var(--space-md);position:relative}.od-timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:1px;background:var(--color-border)}.od-timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);margin-top:4px;flex-shrink:0;position:relative;z-index:1}.od-timeline-item.active .od-timeline-dot{background:var(--color-primary)}.od-timeline-status{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.od-timeline-date{font-size:var(--text-xs);color:var(--color-text-muted)}.od-actions{display:flex;gap:var(--space-md);margin-top:var(--space-2xl);flex-wrap:wrap}.addresses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}.address-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);transition:border-color var(--transition-fast)}.address-card.default{border-color:var(--color-primary)}.address-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.address-card-badges{display:flex;gap:.375rem}.address-type-badge{font-size:var(--text-xs);font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-full);text-transform:capitalize}.address-type-badge.home{background:#3b82f61a;color:var(--color-info)}.address-type-badge.office{background:#f59e0b1a;color:var(--color-warning)}.address-type-badge.other{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.address-default-badge{font-size:var(--text-xs);font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-full);background:var(--color-success-soft);color:var(--color-success)}.address-card-actions{display:flex;gap:.25rem}.address-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.address-action-btn:hover{color:var(--color-primary);background:var(--color-primary-soft)}.address-action-btn.delete:hover{color:#dc2626;background:#dc262614}.address-card-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.address-card-detail{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.address-card-phone{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:.375rem}.notifications-list{display:flex;flex-direction:column;gap:0}.notification-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.notification-item:last-child{border-bottom:none}.notification-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-body{flex:1;min-width:0}.notification-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:.125rem}.notification-text{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:.25rem}.notification-date{font-size:var(--text-xs);color:var(--color-text-muted)}.notification-action{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:none;white-space:nowrap;padding-top:.125rem}.notification-action:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.modal-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.modal-form{display:flex;flex-direction:column;gap:var(--space-md)}.modal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.modal-field{display:flex;flex-direction:column;gap:.375rem}.modal-field label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.modal-field input,.modal-field select{padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-secondary);outline:none;transition:border-color var(--transition-fast)}.modal-field input:focus,.modal-field select:focus{border-color:var(--color-primary)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-md)}@media(max-width:768px){.pd-layout{grid-template-columns:1fr;gap:var(--space-2xl)}.cart-layout{grid-template-columns:1fr}.cart-item{flex-wrap:wrap}.cart-item-actions{width:100%;justify-content:space-between}.addresses-list{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.shop-search{min-width:100%}.modal-form-row{grid-template-columns:1fr}.od-actions{flex-direction:column}.od-actions .btn{width:100%;justify-content:center}}@media(max-width:480px){.shop-title,.pd-name,.pd-price{font-size:var(--text-2xl)}.order-tabs{gap:0}.order-tab{padding:.625rem .75rem;font-size:var(--text-xs)}}:root{color-scheme:light dark;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f1f3f5;--color-bg-card: #ffffff;--color-bg-dark: #0f0f0f;--color-primary: #ec1c24;--color-primary-dark: #c41820;--color-primary-light: #ff4d54;--color-primary-glow: rgba(236, 28, 36, .15);--color-primary-soft: rgba(236, 28, 36, .08);--color-success: #10b981;--color-success-soft: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-info: #3b82f6;--color-text-primary: #0f0f0f;--color-text-secondary: #4b5563;--color-text-tertiary: #6b7280;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-border-dark: #d1d5db;--color-border-hover: #ec1c24;--gradient-primary: linear-gradient(135deg, #ec1c24 0%, #ff4d54 100%);--gradient-dark: linear-gradient(135deg, #0f0f0f 0%, #2d2d2d 100%);--gradient-subtle: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);--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;--space-5xl: 8rem;--font-display: "Outfit", sans-serif;--font-body: "DM Sans", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-red: 0 10px 40px rgba(236, 28, 36, .2);--shadow-card: 0 4px 20px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.ambient-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--color-bg-primary)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5;animation:float 25s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);top:-200px;right:-100px;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);bottom:20%;left:-100px;animation-delay:-8s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);top:60%;right:10%;animation-delay:-16s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.02)}50%{transform:translate(-15px,15px) scale(.98)}75%{transform:translate(15px,20px) scale(1.01)}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-base)}.nav.scrolled{background:#fffffff2;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.nav-logo{display:flex;align-items:center;gap:0;font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--color-text-primary)}.nav-logo sup{font-size:.5em;font-weight:400;vertical-align:super;margin-left:2px}.logo-icon{width:24px;height:30px;object-fit:cover;object-position:left center;margin-right:2px}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--space-md)}.login-link{font-weight:500;color:var(--color-text-secondary)}.login-link:hover{color:var(--color-primary)}.search-link{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:var(--transition-fast)}.search-link:hover{color:var(--color-primary);background:var(--color-primary-soft)}.search-link svg{width:20px;height:20px}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.25rem .625rem .25rem .25rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);white-space:nowrap}.user-menu-trigger:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-initials{line-height:1}.user-menu-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-menu-chevron{color:var(--color-text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.user-menu-chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.125rem}.user-dropdown-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.user-dropdown-email{font-size:var(--text-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{height:1px;background:var(--color-border)}.user-dropdown-item{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);text-decoration:none}.user-dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.user-dropdown-item svg{flex-shrink:0;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.user-dropdown-item:hover svg{color:var(--color-text-primary)}.user-dropdown-logout:hover{color:var(--color-primary)}.user-dropdown-logout:hover svg{color:var(--color-primary)}@media(max-width:900px){.user-menu-name,.user-menu-chevron{display:none}.user-menu-trigger{padding:.25rem;border-radius:var(--radius-full)}}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-sm)}.nav-toggle span{width:24px;height:2px;background:var(--color-text-primary);transition:all var(--transition-base)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;inset:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-base)}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:5rem var(--space-lg) var(--space-xl);gap:var(--space-lg);overflow-y:auto}.mobile-link{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-text-secondary);transition:color var(--transition-fast)}.mobile-link:hover{color:var(--color-primary)}.mobile-account-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border);width:100%;max-width:320px}.mobile-account-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;transition:all var(--transition-fast);min-width:72px}.mobile-account-item:hover{background:var(--color-primary);color:#fff}.mobile-menu-actions{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 4px 15px var(--color-primary-glow)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-red)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.btn-dark{background:var(--color-bg-dark);color:var(--color-text-inverse)}.btn-dark:hover{background:#2d2d2d;transform:translateY(-2px)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-primary)}.btn-large{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-5xl) 0 var(--space-3xl);position:relative;background:linear-gradient(180deg,#fff,#fafafa)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.hero-text{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-primary-soft);border:1px solid var(--color-primary-glow);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);margin-bottom:var(--space-lg)}.pulse-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hero-title{font-family:var(--font-display);font-size:clamp(var(--text-4xl),5vw,var(--text-6xl));font-weight:800;line-height:1.1;margin-bottom:var(--space-lg);letter-spacing:-.03em;color:var(--color-text-primary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-xl);max-width:540px}.hero-cta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-3xl)}.hero-stats{display:flex;align-items:center;gap:var(--space-xl)}.stat{display:flex;flex-direction:column}.stat-number{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.stat-divider{width:1px;height:40px;background:var(--color-border)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;animation:fadeIn 1s ease-out .3s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.watch-showcase{position:relative;width:100%;max-width:500px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.watch-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.watch-rings{position:absolute;width:100%;height:100%}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--color-border);animation:ringPulse 4s ease-out infinite}.ring-1{width:280px;height:280px;border-color:var(--color-primary-glow);animation-delay:0s}.ring-2{width:360px;height:360px;animation-delay:1s}.ring-3{width:440px;height:440px;animation-delay:2s}@keyframes ringPulse{0%{opacity:.4;transform:translate(-50%,-50%) scale(.95)}50%{opacity:.15;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.watch-image{position:relative;z-index:2;width:260px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));animation:watchFloat 6s ease-in-out infinite}@keyframes watchFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.floating-card{position:absolute;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:3;animation:cardFloat 5s ease-in-out infinite}.card-sos{top:15%;right:5%;animation-delay:0s;border-left:3px solid var(--color-primary)}.card-location{bottom:25%;left:0;animation-delay:-1.5s;border-left:3px solid var(--color-info)}.card-health{top:60%;right:0;animation-delay:-3s;border-left:3px solid var(--color-success)}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.sos-icon{color:var(--color-primary);background:var(--color-primary-soft)}.location-icon{color:var(--color-info);background:#3b82f61a}.health-icon{color:var(--color-success);background:var(--color-success-soft)}.card-text{display:flex;flex-direction:column}.card-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.card-subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary)}.hero-scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-tertiary);font-size:var(--text-sm);animation:scrollBounce 2s ease-in-out infinite}.scroll-arrow{animation:scrollArrow 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{opacity:.5}50%{opacity:1}}@keyframes scrollArrow{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.trusted-section{padding:var(--space-3xl) 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.trusted-label{text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-xl);text-transform:uppercase;letter-spacing:.1em}.trust-badges{display:flex;align-items:center;justify-content:center;gap:var(--space-4xl);flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.trust-badge svg{color:var(--color-primary)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-4xl)}.section-tag{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.section-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:800;line-height:1.2;margin-bottom:var(--space-md);letter-spacing:-.02em;color:var(--color-text-primary)}.section-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7}.video-section{padding:var(--space-5xl) 0;background:var(--color-bg-secondary)}.video-subsection-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),3vw,var(--text-3xl));font-weight:700;text-align:center;color:var(--color-text-primary);margin-top:var(--space-4xl);margin-bottom:var(--space-sm)}.video-subsection-desc{text-align:center;font-size:var(--text-base);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.video-wrapper{position:relative;max-width:1000px;margin:var(--space-3xl) auto 0;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-container--local{padding-bottom:0;height:auto}.video-container--local video{width:100%;display:block}.video-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0009,#0006);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);cursor:pointer;transition:all var(--transition-base);opacity:0;pointer-events:none}.video-overlay.active{opacity:1;pointer-events:auto}.video-overlay:hover{background:linear-gradient(135deg,#00000080,#0000004d)}.play-button{width:100px;height:100px;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);box-shadow:0 10px 40px #dc354566}.play-button:hover{transform:scale(1.1);background:var(--color-primary);box-shadow:0 15px 50px #dc354580}.play-button svg{width:50px;height:50px;margin-left:5px}.video-label{color:#fff;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;text-transform:uppercase;letter-spacing:.1em}@media(max-width:768px){.video-wrapper{border-radius:var(--radius-xl)}.play-button{width:80px;height:80px}.play-button svg{width:40px;height:40px}.video-label{font-size:var(--text-base)}}.features-section{padding:var(--space-5xl) 0;background:var(--color-bg-primary)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-primary);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{border-color:var(--color-border-dark);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.feature-card:hover:before{opacity:1}.feature-large{grid-column:span 2;display:flex;flex-direction:column}.feature-icon-wrapper{margin-bottom:var(--space-lg)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-primary)}.feature-icon.health{color:var(--color-success);background:var(--color-success-soft)}.feature-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.feature-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.feature-large .feature-description{font-size:var(--text-base)}.feature-visual{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--space-xl)}.gps-visual{position:relative}.map-placeholder{width:200px;height:200px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);position:relative;overflow:hidden;border:1px solid var(--color-border)}.map-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-border) 1px,transparent 1px) 0 0 / 30px 30px,linear-gradient(0deg,var(--color-border) 1px,transparent 1px) 0 0 / 30px 30px;opacity:.5}.map-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--color-primary);border-radius:50%;z-index:2}.map-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:2px solid var(--color-primary);border-radius:50%;animation:mapPulse 2s ease-out infinite}.map-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:1px dashed var(--color-primary);border-radius:50%;opacity:.3}@keyframes mapPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.emergency-section{padding:var(--space-5xl) 0;background:var(--color-bg-dark);color:var(--color-text-inverse);position:relative;overflow:hidden}.emergency-section:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(236,28,36,.08) 0%,transparent 70%);border-radius:50%;filter:blur(80px)}.emergency-section .section-tag{background:#ec1c2433;color:var(--color-primary-light)}.emergency-section .section-title{color:var(--color-text-inverse)}.emergency-section .section-description{color:#ffffffb3}.frc-hero{position:relative;background:linear-gradient(135deg,#ec1c2414,#ffffff05);border:1px solid rgba(236,28,36,.2);border-radius:var(--radius-2xl);padding:var(--space-3xl);margin-bottom:var(--space-3xl);overflow:hidden}.frc-hero-bg{position:absolute;inset:0;pointer-events:none}.frc-grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,rgba(236,28,36,.04) 1px,transparent 1px) 0 0 / 60px 60px,linear-gradient(0deg,rgba(236,28,36,.04) 1px,transparent 1px) 0 0 / 60px 60px}.frc-hero-content{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.frc-badge-row{margin-bottom:var(--space-lg)}.frc-live-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:#ec1c2426;border:1px solid rgba(236,28,36,.3);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;color:var(--color-primary-light)}.frc-live-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.frc-hero-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:800;line-height:1.1;margin-bottom:var(--space-lg);letter-spacing:-.03em;color:var(--color-text-inverse)}.frc-hero-desc{font-size:var(--text-base);color:#ffffffa6;line-height:1.75;margin-bottom:var(--space-2xl);max-width:500px}.frc-hero-stats{display:flex;gap:var(--space-2xl)}.frc-stat{display:flex;flex-direction:column}.frc-stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--color-text-inverse);line-height:1.2}.frc-stat-label{font-size:var(--text-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.frc-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:350px}.sos-visual-large{position:relative;display:flex;align-items:center;justify-content:center}.sos-ring{position:absolute;border-radius:50%;border:1.5px solid var(--color-primary);animation:sosRingPulse 3s ease-out infinite}.sos-ring-1{width:280px;height:280px;opacity:.06;animation-delay:0s}.sos-ring-2{width:220px;height:220px;opacity:.1;animation-delay:.5s}.sos-ring-3{width:160px;height:160px;opacity:.15;animation-delay:1s}.sos-ring-4{width:110px;height:110px;opacity:.25;animation-delay:1.5s}@keyframes sosRingPulse{0%{transform:scale(.9);opacity:.3}50%{transform:scale(1.15);opacity:.05}to{transform:scale(.9);opacity:.3}}.sos-btn-core{width:90px;height:90px;background:var(--gradient-primary);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 40px #ec1c2480,0 0 80px #ec1c2433,inset 0 2px #fff3;z-index:2;animation:sosBtnGlow 3s ease-in-out infinite}@keyframes sosBtnGlow{0%,to{box-shadow:0 0 40px #ec1c2480,0 0 80px #ec1c2433}50%{box-shadow:0 0 60px #ec1c24b3,0 0 120px #ec1c244d}}.sos-btn-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:#fff;letter-spacing:.15em;line-height:1}.sos-btn-sub{font-size:7px;font-weight:600;color:#ffffffb3;letter-spacing:.15em;margin-top:4px}.sos-service-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:3}.sos-service-node svg{width:20px;height:20px}.sos-service-node span{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.node-police{top:15%;right:10%;color:#60a5fa}.node-police:before{content:"";position:absolute;width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.3));bottom:50%;right:100%}.node-fire{bottom:15%;right:10%;color:#f97316}.node-fire:before{content:"";position:absolute;width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.3));bottom:50%;right:100%}.node-ems{bottom:15%;left:10%;color:#34d399}.node-ems:before{content:"";position:absolute;width:60px;height:1px;background:linear-gradient(270deg,transparent,rgba(52,211,153,.3));bottom:50%;left:100%}.node-dispatch{top:15%;left:10%;color:#fbbf24}.node-dispatch:before{content:"";position:absolute;width:60px;height:1px;background:linear-gradient(270deg,transparent,rgba(251,191,36,.3));bottom:50%;left:100%}.frc-profile-section{margin-bottom:var(--space-3xl)}.frc-profile-header{text-align:center;margin-bottom:var(--space-2xl)}.frc-profile-title{font-family:var(--font-display);font-size:clamp(var(--text-xl),2.5vw,var(--text-3xl));font-weight:800;color:var(--color-text-inverse);margin-bottom:var(--space-sm)}.frc-profile-subtitle{font-size:var(--text-base);color:#ffffff8c}.frc-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.frc-profile-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.frc-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary);opacity:0;transition:opacity var(--transition-base)}.frc-profile-card:hover{border-color:#ffffff26;background:#ffffff0f;transform:translateY(-4px)}.frc-profile-card:hover:before{opacity:1}.frc-card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.frc-icon-medical{background:#ec1c241f;color:var(--color-primary-light)}.frc-icon-gps{background:#3b82f61f;color:#60a5fa}.frc-icon-contacts{background:#34d3991f;color:#34d399}.frc-icon-care{background:#fbbf241f;color:#fbbf24}.frc-icon-id{background:#a855f71f;color:#a855f7}.frc-icon-device{background:#ec1c241f;color:var(--color-primary-light)}.frc-card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-text-inverse);margin-bottom:var(--space-sm)}.frc-card-desc{font-size:var(--text-sm);color:#ffffff8c;line-height:1.6;margin-bottom:var(--space-md)}.frc-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.frc-tag{padding:3px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:11px;font-weight:500;color:#fff9}.frc-map-section{margin-bottom:var(--space-3xl)}.frc-map-header{text-align:center;margin-bottom:var(--space-2xl)}.frc-map-title{font-family:var(--font-display);font-size:clamp(var(--text-xl),2.5vw,var(--text-3xl));font-weight:800;color:var(--color-text-inverse);margin-bottom:var(--space-sm)}.frc-map-subtitle{font-size:var(--text-base);color:#ffffff8c;max-width:700px;margin:0 auto var(--space-xl);line-height:1.7}.frc-map-legend{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:#fff9}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-police{background:#60a5fa;box-shadow:0 0 6px #60a5fa66}.legend-fire{background:#f97316;box-shadow:0 0 6px #f9731666}.legend-ems{background:#34d399;box-shadow:0 0 6px #34d39966}.legend-dispatch{background:#fbbf24;box-shadow:0 0 6px #fbbf2466}.frc-map-container{position:relative;width:100%;aspect-ratio:2.2 / 1;background:linear-gradient(180deg,#ffffff05,#ffffff0a);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);overflow:hidden}.frc-map-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0 / 80px 80px,linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0 / 80px 80px}.county-region{position:absolute;border:1.5px dashed rgba(255,255,255,.08);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.county-region span{font-family:var(--font-display);font-size:11px;font-weight:600;color:#ffffff26;text-transform:uppercase;letter-spacing:.08em;text-align:center;line-height:1.4}.county-1{top:8%;left:12%;width:28%;height:40%;background:#60a5fa08}.county-2{top:5%;left:45%;width:30%;height:35%;background:#34d39908}.county-3{top:40%;left:5%;width:32%;height:42%;background:#f9731608}.county-4{top:35%;left:40%;width:26%;height:38%;background:#fbbf2408}.county-5{top:25%;left:70%;width:25%;height:50%;background:#ec1c2408}.map-pin{position:absolute;z-index:5;cursor:pointer}.pin-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;z-index:2;transition:transform var(--transition-fast)}.map-pin:hover .pin-icon{transform:scale(1.3)}.pin-police .pin-icon{background:#60a5fa33;color:#60a5fa;border:1.5px solid rgba(96,165,250,.4)}.pin-fire .pin-icon{background:#f9731633;color:#f97316;border:1.5px solid rgba(249,115,22,.4)}.pin-ems .pin-icon{background:#34d39933;color:#34d399;border:1.5px solid rgba(52,211,153,.4)}.pin-dispatch .pin-icon{background:#fbbf2433;color:#fbbf24;border:1.5px solid rgba(251,191,36,.4)}.pin-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;animation:pinPulse 3s ease-out infinite}.pin-police .pin-pulse{background:#60a5fa26}.pin-fire .pin-pulse{background:#f9731626}.pin-ems .pin-pulse{background:#34d39926}.pin-dispatch .pin-pulse{background:#fbbf2426}@keyframes pinPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.pin-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(5px);background:#0f0f0ff2;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:8px 14px;white-space:nowrap;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--color-text-inverse);opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;z-index:10;box-shadow:0 8px 20px #0006}.pin-tooltip span{display:block;font-size:10px;font-weight:400;color:#ffffff80;margin-top:2px}.pin-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#0f0f0ff2}.map-pin:hover .pin-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.pin-user-dot{width:16px;height:16px;background:var(--color-primary);border:3px solid white;border-radius:50%;position:relative;z-index:2;box-shadow:0 0 15px #ec1c2499}.pin-user-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#ec1c2433;animation:pinPulse 2s ease-out infinite}.pin-tooltip-user{border-color:#ec1c2466}.emergency-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:stretch}.emergency-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-2xl);position:relative;overflow:hidden;transition:all var(--transition-base)}.emergency-card:hover{border-color:#fff3;background:#ffffff12}.emergency-sos{border-top:3px solid var(--color-primary)}.emergency-fall{border-top:3px solid var(--color-warning)}.emergency-card-glow{position:absolute;top:-100px;right:-100px;width:250px;height:250px;background:radial-gradient(circle,rgba(236,28,36,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.emergency-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.emergency-icon-badge{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.sos-badge{background:#ec1c2426;color:var(--color-primary-light)}.fall-badge{background:#f59e0b26;color:var(--color-warning)}.emergency-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff9}.emergency-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),3vw,var(--text-4xl));font-weight:800;line-height:1.15;margin-bottom:var(--space-md);color:var(--color-text-inverse);letter-spacing:-.02em}.emergency-description{font-size:var(--text-base);color:#ffffffa6;line-height:1.7;margin-bottom:var(--space-2xl)}.sos-flow{display:flex;flex-direction:column;gap:0}.sos-flow-step{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg)}.sos-flow-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ec1c2426;color:var(--color-primary-light);border-radius:50%;font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;flex-shrink:0}.sos-flow-content{display:flex;flex-direction:column}.sos-flow-content strong{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-inverse)}.sos-flow-content span{font-size:var(--text-xs);color:#ffffff80}.sos-flow-arrow{display:flex;justify-content:center;padding:4px 0;color:#ffffff26}.sos-flow-arrow svg{width:18px;height:18px}.fall-timeline{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.fall-timeline-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-inverse);margin-bottom:var(--space-lg)}.timeline-steps{display:flex;flex-direction:column}.timeline-step{display:flex;gap:var(--space-md);align-items:flex-start}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:2px}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.timeline-dot.active{background:var(--color-warning);border-color:var(--color-warning);box-shadow:0 0 10px #f59e0b66}.timeline-line{width:2px;height:32px;background:#ffffff1a;margin:4px 0}.timeline-content{display:flex;flex-direction:column;padding-bottom:var(--space-md)}.timeline-time{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--color-warning);text-transform:uppercase;letter-spacing:.05em}.timeline-event{font-size:var(--text-sm);color:#ffffffb3;line-height:1.5}.sensor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.sensor-stat{text-align:center;padding:var(--space-lg) var(--space-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.sensor-value{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-text-inverse);margin-bottom:var(--space-xs)}.sensor-label{font-size:var(--text-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}@media(max-width:1024px){.frc-hero-content{grid-template-columns:1fr}.frc-hero-visual{min-height:280px}.frc-profile-grid{grid-template-columns:repeat(2,1fr)}.emergency-grid{grid-template-columns:1fr}.frc-hero-stats{flex-wrap:wrap;gap:var(--space-lg)}}@media(max-width:768px){.frc-hero{padding:var(--space-xl)}.frc-map-container{aspect-ratio:1.3 / 1}.county-region span{font-size:9px}.frc-map-legend{gap:var(--space-md)}}@media(max-width:640px){.frc-profile-grid{grid-template-columns:1fr}.emergency-card{padding:var(--space-xl)}.sensor-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.sensor-value{font-size:var(--text-xl)}.node-police,.node-fire,.node-ems,.node-dispatch{display:none}.frc-hero-stats{flex-direction:column}}.how-section{padding:var(--space-5xl) 0;background:var(--color-bg-secondary)}.steps-container{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.step{flex:1;min-width:280px;max-width:320px;text-align:center;padding:var(--space-xl)}.step-number{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:800;color:var(--color-primary-soft);margin-bottom:var(--space-md);line-height:1;-webkit-text-stroke:2px var(--color-primary);-webkit-text-fill-color:transparent}.step-content{margin-bottom:var(--space-lg)}.step-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.step-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.step-visual{display:flex;justify-content:center}.step-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-primary);transition:all var(--transition-base)}.step:hover .step-icon{border-color:var(--color-primary);box-shadow:var(--shadow-red)}.step-connector{color:var(--color-border);flex-shrink:0}.products-section{padding:var(--space-5xl) 0;background:var(--color-bg-secondary)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);margin-top:var(--space-3xl)}.product-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-base);position:relative}.product-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:var(--shadow-xl)}.product-card.featured{border-color:var(--color-primary);box-shadow:var(--shadow-red)}.product-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-md);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;z-index:10}.product-image-wrapper{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:var(--space-xl);display:flex;align-items:center;justify-content:center;min-height:280px}.product-image{max-width:100%;max-height:220px;object-fit:contain;transition:transform var(--transition-base)}.product-image-fill{max-height:none;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.product-image-wrapper:has(.product-image-fill){padding:0;position:relative;overflow:hidden}.product-card:hover .product-image{transform:scale(1.05)}.product-info{padding:var(--space-xl)}.product-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs);line-height:1.3}.product-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.product-features{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.product-feature{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);background:#dc35451a;color:var(--color-primary);border-radius:var(--radius-full);font-weight:500}.product-compat{font-size:var(--text-sm);color:var(--color-text-primary);background:#dc354514;border-left:3px solid var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-md);font-weight:500}.product-compat strong{color:var(--color-primary);font-weight:700}.product-price{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-lg)}.price-from{font-size:var(--text-sm);color:var(--color-text-muted)}.price-amount{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.product-btn{width:100%;justify-content:center}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.products-grid{grid-template-columns:1fr}.product-image-wrapper{min-height:200px;padding:var(--space-lg)}.product-image{max-height:160px}}.pricing-section{padding:var(--space-5xl) 0;background:var(--color-bg-primary)}.pricing-card{max-width:500px;margin:0 auto;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-3xl);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-xl)}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary)}.pricing-badge{position:absolute;top:var(--space-lg);right:var(--space-lg);padding:var(--space-xs) var(--space-md);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.pricing-header{margin-bottom:var(--space-2xl)}.pricing-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.pricing-amount{display:flex;align-items:baseline;justify-content:center;margin-bottom:var(--space-sm)}.pricing-quote{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm);text-align:center}.currency{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-secondary)}.price{font-family:var(--font-display);font-size:var(--text-7xl);font-weight:800;line-height:1;color:var(--color-text-primary)}.cents{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary)}.period{font-size:var(--text-lg);color:var(--color-text-tertiary);margin-left:var(--space-xs)}.pricing-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.pricing-features{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl);text-align:left}.pricing-feature{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.pricing-feature svg{color:var(--color-success);flex-shrink:0}.pricing-cta{width:100%;margin-bottom:var(--space-lg)}.pricing-note{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-tertiary)}.app-store-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--transition-base)}.app-store-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-dark);transform:translateY(-3px)}.store-icon{width:28px;height:28px;flex-shrink:0}.store-text{display:flex;flex-direction:column;text-align:left}.store-subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.2}.store-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;line-height:1.2}.cta-section{padding:var(--space-5xl) 0;text-align:center;background:var(--color-bg-primary)}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));font-weight:800;margin-bottom:var(--space-md);color:var(--color-text-primary)}.cta-description{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.cta-app-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl)}.footer{padding:var(--space-4xl) 0 var(--space-xl);background:var(--color-bg-dark);color:var(--color-text-inverse)}.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4xl);margin-bottom:var(--space-3xl)}.footer-logo{display:flex;align-items:center;gap:0;font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--color-text-inverse);margin-bottom:var(--space-md)}.footer-logo sup{font-size:.5em;font-weight:400;vertical-align:super;margin-left:2px}.footer-logo .logo-icon{width:24px;height:30px;object-fit:cover;object-position:left center;margin-right:2px}.footer-tagline{font-size:var(--text-sm);color:#fff9;line-height:1.7;margin-bottom:var(--space-lg);max-width:300px}.footer-contact{display:flex;flex-direction:column;gap:var(--space-sm)}.footer .contact-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:#fff9;transition:color var(--transition-fast)}.footer .contact-item:hover{color:var(--color-primary)}.footer-links-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.footer-column{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-heading{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text-inverse);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.footer-link{font-size:var(--text-sm);color:#fff9;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1)}.copyright{font-size:var(--text-sm);color:#ffffff80}.footer-social{display:flex;gap:var(--space-md)}.social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff9;background:#ffffff1a;border-radius:var(--radius-md);transition:all var(--transition-fast)}.social-link:hover{color:var(--color-primary);background:#ffffff26}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--space-3xl)}.hero-text{order:1}.hero-visual{order:0}.hero-description{margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}.features-grid{grid-template-columns:1fr}.feature-large{grid-column:span 1}.footer-main{grid-template-columns:1fr;gap:var(--space-2xl)}.footer-links-group{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.nav-links,.nav-actions .login-link,.nav-actions .btn,.nav-logo span{display:none}.nav-logo .logo-icon{width:44px;height:44px;object-fit:cover;object-position:left center;margin-right:0}.nav-actions{gap:var(--space-sm);margin-left:auto;margin-right:var(--space-sm)}.nav-toggle{display:flex}.hero{padding:var(--space-4xl) 0 var(--space-2xl)}.watch-showcase{max-width:350px}.watch-image{width:180px}.floating-card,.hero-scroll-indicator{display:none}.trust-badges{gap:var(--space-xl)}.features-grid{grid-template-columns:1fr}.feature-large{grid-column:span 1}.steps-container{flex-direction:column}.step-connector{transform:rotate(90deg)}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn{width:100%}.footer-links-group{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}}@media(max-width:480px){:root{--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem;--space-4xl: 3rem;--space-5xl: 4rem}.hero-stats{flex-direction:column;gap:var(--space-md)}.stat-divider{width:40px;height:1px}.trust-badges{flex-direction:column;gap:var(--space-lg)}.pricing-card{padding:var(--space-xl)}.pricing-badge{position:static;display:inline-block;margin-bottom:var(--space-md)}.footer-links-group{grid-template-columns:1fr}}.profile-page{padding:8rem 0 var(--space-3xl);min-height:60vh}.profile-container{max-width:560px;margin:0 auto;padding:0 var(--space-lg)}.profile-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl)}.profile-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.profile-avatar-large{width:72px;height:72px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-size:var(--text-xl);font-weight:700;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-identity{min-width:0}.profile-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);line-height:1.2}.profile-edit-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-xs);font-weight:500;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;padding:0;margin-top:.25rem;font-family:var(--font-body);transition:color var(--transition-fast)}.profile-edit-btn:hover{color:var(--color-primary)}.profile-email{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-edit-name{display:flex;flex-direction:column;gap:.5rem}.profile-name-input{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.375rem .625rem;outline:none;width:100%}.profile-name-input:focus{border-color:var(--color-primary)}.profile-edit-actions{display:flex;gap:.5rem}.btn-sm{padding:.375rem .875rem;font-size:var(--text-xs)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-lg);padding:.625rem 1.25rem;font-weight:600;font-size:var(--text-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-fast);font-family:var(--font-body)}.btn-outline:hover{border-color:var(--color-border-dark);background:var(--color-bg-secondary)}.btn-full{width:100%}.profile-message{padding:.625rem 1rem;border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg);background:var(--color-success-soft);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.profile-message.error{background:#ec1c2414;color:var(--color-primary);border-color:#ec1c2433}.profile-section{margin-bottom:var(--space-xl)}.profile-section-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.profile-details{display:flex;flex-direction:column;gap:0}.profile-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.profile-detail-row:last-child{border-bottom:none}.profile-detail-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-tertiary)}.profile-detail-value{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.profile-provider-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.profile-provider-badge.google{background:#4285f41a;color:#4285f4}.profile-provider-badge.email{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.profile-links{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.profile-link-card{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.profile-link-card:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.profile-link-card svg{flex-shrink:0}.profile-actions{padding-top:var(--space-lg);border-top:1px solid var(--color-border)}@media(max-width:480px){.profile-header{flex-direction:column;text-align:center}.profile-links{grid-template-columns:1fr}.profile-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}}:root[data-theme=dark],:root.dark{--color-bg-primary: #0f0f0f;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #242424;--color-bg-card: #1a1a1a;--color-text-primary: #f0f0f0;--color-text-secondary: #a0a0a0;--color-text-tertiary: #808080;--color-text-muted: #606060;--color-border: #2a2a2a;--color-border-dark: #3a3a3a;--gradient-subtle: linear-gradient(180deg, #0f0f0f 0%, #1a1a1a 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3)}[data-theme=dark] .nav,.dark .nav{background:#0f0f0fcc}[data-theme=dark] .nav.scrolled,.dark .nav.scrolled{background:#0f0f0ff2}[data-theme=dark] .mobile-menu,.dark .mobile-menu{background:#0f0f0ffa}[data-theme=dark] .hero,.dark .hero{background:linear-gradient(180deg,#0f0f0f,#1a1a1a)}[data-theme=dark] .product-image-wrapper,.dark .product-image-wrapper{background:linear-gradient(135deg,#1a1a1a,#242424)}[data-theme=dark] .product-feature,.dark .product-feature{background:#dc354526}[data-theme=dark] .app-store-btn,.dark .app-store-btn{background:#1a1a1a}[data-theme=dark] .app-store-btn:hover,.dark .app-store-btn:hover{background:#242424}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{color:var(--color-primary);background:var(--color-primary-soft)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{width:20px;height:20px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun,.dark .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon,.dark .theme-toggle .icon-moon{display:none}.fade-in-element{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-element.visible{opacity:1;transform:translateY(0)}@keyframes ripple{to{transform:scale(4);opacity:0}}