*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #09090B;--bg-surface: #111113;--bg-elevated: #18181B;--bg-overlay: #1F1F23;--accent: #C8FF57;--accent-dim: rgba(200, 255, 87, .1);--accent-border: rgba(200, 255, 87, .2);--accent-glow: rgba(200, 255, 87, .06);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-accent: rgba(200, 255, 87, .2);--text-primary: #FAFAFA;--text-secondary: rgba(250, 250, 250, .55);--text-tertiary: rgba(250, 250, 250, .3);--text-accent: #C8FF57;--text-inverse: #09090B;--color-success: #4ADE80;--color-warning: #FBBF24;--color-error: #F87171;--color-info: #60A5FA;--font-display: "Figtree", sans-serif;--font-mono: "DM Mono", monospace;--font-body: "Figtree", sans-serif;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: 80ms;--duration-fast: .15s;--duration-base: .22s;--duration-slow: .38s;--duration-xslow: .6s}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--accent);color:var(--text-inverse)}.container{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width: 768px){.container{padding:0 20px}}.section{padding:96px 0}@media (max-width: 768px){.section{padding:64px 0}}.bg-grid{background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:48px 48px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d-1{transition-delay:.08s}.reveal-d-2{transition-delay:.16s}.reveal-d-3{transition-delay:.24s}.reveal-d-4{transition-delay:.32s}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;display:block}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.5vw,40px);letter-spacing:-.025em;line-height:1.1;margin-bottom:16px}.section-sub{font-size:16px;color:var(--text-secondary);line-height:1.65;max-width:560px}.btn-primary{background:var(--accent);color:var(--text-inverse);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.01em;padding:10px 22px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;transition:opacity .15s var(--ease-out),transform .15s var(--ease-out);white-space:nowrap}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:active{opacity:.78;transform:translateY(0)}.btn-secondary{background:transparent;border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:500;padding:10px 22px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;transition:background .15s var(--ease-out),border-color .15s var(--ease-out)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);font-family:var(--font-display);font-size:13px;padding:8px 12px;border-radius:var(--radius-sm);transition:color .15s var(--ease-out),background .15s var(--ease-out)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-lg{font-size:14px;padding:12px 28px}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-tertiary)}.badge-accent{background:var(--accent-dim);border-color:var(--accent-border);color:var(--text-accent)}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:pulse 2s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.nav{position:fixed;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;overflow:hidden;will-change:width,top,border-radius,background,box-shadow}.nav-inner{width:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-mark{width:32px;height:32px;background:var(--accent);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--text-inverse);letter-spacing:-.04em;flex-shrink:0}.logo-text{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{font-family:var(--font-display);font-size:13px;color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-sm);white-space:nowrap;transition:color .15s var(--ease-out),background .15s var(--ease-out)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-elevated)}.nav-mobile-toggle{display:none;align-items:center;justify-content:center;padding:8px;color:var(--text-primary)}@media (max-width: 768px){.nav-links{display:none}.nav-mobile-toggle{display:inline-flex}}.mobile-nav{position:fixed;top:60px;left:0;right:0;z-index:99;background:#09090bf7;border-bottom:1px solid var(--border-subtle);padding:16px 20px 24px;display:none;flex-direction:column;gap:4px}.mobile-nav.open{display:flex}.mobile-nav a{font-size:15px;color:var(--text-secondary);padding:10px 12px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.mobile-nav a:hover{color:var(--text-primary);background:var(--bg-elevated)}.mobile-nav-cta{margin-top:8px;background:var(--accent);color:var(--text-inverse)!important;font-weight:600;text-align:center}.hero{min-height:100vh;display:flex;flex-direction:column;padding-top:60px;position:relative;overflow:hidden}.hero-glow{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(ellipse,rgba(200,255,87,.07) 0%,transparent 70%);pointer-events:none}.hero-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 32px 48px;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:5px 14px 5px 10px;margin-bottom:32px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;animation:fadeUp .6s var(--ease-out) both}.hero-badge .accent{color:var(--text-accent)}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,6vw,72px);letter-spacing:-.04em;line-height:1.02;margin-bottom:24px;animation:fadeUp .6s var(--ease-out) .1s both}.hero-title em{font-style:normal;color:var(--text-accent)}.hero-sub{font-size:16px;color:var(--text-secondary);line-height:1.65;max-width:520px;margin:0 auto 40px;animation:fadeUp .6s var(--ease-out) .18s both}.hero-search{display:flex;gap:8px;width:100%;max-width:480px;margin:0 auto 40px;animation:fadeUp .6s var(--ease-out) .26s both}.input{flex:1;height:44px;padding:0 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-display);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--border-default);box-shadow:0 0 0 2px #c8ff5733}.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;animation:fadeUp .6s var(--ease-out) .32s both;margin-bottom:12px}.chip{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border-default);color:var(--text-secondary);background:transparent;letter-spacing:.04em;transition:all .15s var(--ease-out)}.chip:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-elevated)}.chip.active{background:var(--accent-dim);border-color:var(--accent-border);color:var(--text-accent)}.marquee{width:100%;overflow:hidden;background:var(--bg-base);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:16px 0;-webkit-mask:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);mask:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.marquee-track{display:flex;gap:40px;width:max-content;animation:marquee 22s linear infinite}.marquee-item{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.04em;white-space:nowrap}.marquee-sep{color:var(--border-strong)}.stats-bar{border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.stats-bar-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.stat-item{padding:28px 40px;display:flex;flex-direction:column;align-items:center;position:relative}.stat-item+.stat-item:before{content:"";position:absolute;left:0;top:25%;height:50%;width:1px;background:var(--border-subtle)}.stat-num{font-family:var(--font-mono);font-size:28px;font-weight:400;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.stat-num sup{color:var(--text-accent);font-size:18px}.stat-label{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-top:6px}@media (max-width: 640px){.stat-item{padding:20px 24px}.stat-num{font-size:22px}}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr}}@media (max-width: 900px){.product-detail-grid{grid-template-columns:1fr!important}}.product-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color .22s var(--ease-out),transform .15s var(--ease-out);display:flex;flex-direction:column}.product-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.product-card:hover .card-overlay{opacity:1}.card-img{width:100%;aspect-ratio:3 / 2;position:relative;overflow:hidden}.card-img-mock{width:100%;height:100%;display:flex;flex-direction:column;padding:12px;gap:8px}.card-img-mock-bar{height:6px;border-radius:3px;background:#ffffff1f}.card-img-mock-bar.accent{background:#c8ff5766;width:40%}.card-img-mock-block{border-radius:4px;background:#ffffff14}.card-grad-1{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.card-grad-2{background:linear-gradient(135deg,#1a0a2e,#2d1b69,#11998e)}.card-grad-3{background:linear-gradient(135deg,#0a2e1a,#1a4a2e,#2d8a5e)}.card-grad-4{background:linear-gradient(135deg,#2e1a0a,#5c3317,#8b4513)}.card-grad-5{background:linear-gradient(135deg,#1a002e,#3d0070,#6a0dad)}.card-grad-6{background:linear-gradient(135deg,#002e1a,#004d2a,#007a3d)}.card-grad-7{background:linear-gradient(135deg,#2e0014,#700028,#ad003f)}.card-grad-8{background:linear-gradient(135deg,#0a0a2e,#1a1a5c,#2d2d99)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#09090b99;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s var(--ease-out)}.card-body{padding:14px 14px 16px}.card-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-type-pill{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full);background:#ffffff1a;color:var(--text-primary)}.card-new-badge{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;color:var(--color-success);letter-spacing:.03em}.card-new-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-success);flex-shrink:0}.card-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.22;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-desc{font-size:12px;color:var(--text-secondary);line-height:1.55;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;align-items:center;justify-content:space-between}.card-price{font-family:var(--font-mono);font-size:22px;font-weight:500;color:var(--text-primary);letter-spacing:-.03em}.card-rating{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.card-star{color:#fbbf24;font-size:12px}.card-sep{color:var(--text-tertiary)}.compare-table{width:100%;border-collapse:collapse;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.compare-table th{padding:16px 24px;text-align:left;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.compare-table th.ff{color:var(--text-accent);background:#c8ff570f;border-left:1px solid var(--border-subtle)}.compare-table th.trad{border-left:1px solid var(--border-subtle)}.compare-table td{padding:14px 24px;border-bottom:1px solid var(--border-subtle);font-family:var(--font-display);font-size:14px;color:var(--text-secondary)}.compare-table td.feature{color:var(--text-tertiary);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.compare-table td.ff-cell{color:var(--text-primary);background:#c8ff5708;border-left:1px solid var(--border-subtle)}.compare-table td.trad-cell{color:var(--text-tertiary);border-left:1px solid var(--border-subtle)}.compare-table tr:last-child td{border-bottom:none}.ff-check{color:var(--text-accent);font-size:16px;margin-right:6px}.pro-badge{display:inline-flex;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-inverse);margin-left:8px}@media (max-width: 768px){.compare-table th,.compare-table td{padding:12px 14px;font-size:12px}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.feature-cell{padding:32px;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);transition:background .22s var(--ease-out)}.feature-cell:hover{background:var(--bg-elevated)}.feature-cell:nth-child(3n){border-right:none}@media (max-width: 768px){.feature-cell{border-right:none}}.feature-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--accent-dim);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-accent)}.feature-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px}.feature-desc{font-size:13px;color:var(--text-secondary);line-height:1.65}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:32px;transition:border-color .22s var(--ease-out),transform .15s var(--ease-out)}.service-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.service-num{font-family:var(--font-mono);font-size:11px;color:var(--text-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.service-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.015em;margin-bottom:12px}.service-desc{font-size:14px;color:var(--text-secondary);line-height:1.65}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px;transition:border-color .22s var(--ease-out)}.testimonial-card:hover{border-color:var(--border-default)}.testimonial-stars{display:flex;gap:2px;margin-bottom:16px;color:var(--color-warning)}.testimonial-text{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.testimonial-product{font-family:var(--font-mono);font-size:10px;color:var(--text-accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.testimonial-type{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);letter-spacing:.06em}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-item:first-child{border-top:1px solid var(--border-subtle)}.faq-question{width:100%;text-align:left;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;transition:color .15s var(--ease-out)}.faq-question:hover{color:var(--text-accent)}.faq-icon{flex-shrink:0;font-size:22px;line-height:1;color:var(--text-tertiary);transition:transform .22s var(--ease-out),color .15s}.faq-icon.open{transform:rotate(45deg);color:var(--text-accent)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .38s var(--ease-out);font-size:14px;color:var(--text-secondary);line-height:1.7}.faq-answer-inner{padding-bottom:20px}.faq-answer.open{max-height:500px}.cta-banner{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:80px 64px;margin:0 32px 96px;text-align:center;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:400px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.cta-title{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.5vw,48px);letter-spacing:-.03em;line-height:1.05;margin-bottom:16px}.cta-sub{font-size:16px;color:var(--text-secondary);line-height:1.65;margin-bottom:40px}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.cta-banner{padding:48px 24px;margin:0 20px 64px}}.footer{background:var(--bg-base);border-top:1px solid var(--border-subtle)}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:48px;padding:64px 0 48px}@media (max-width: 1024px){.footer-top{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width: 640px){.footer-top{grid-template-columns:1fr;gap:32px}}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}.footer-desc{font-size:13px;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}.footer-contact{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);margin-bottom:8px;transition:color .15s}.footer-contact:hover{color:var(--text-secondary)}.footer-address{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.04em;margin-top:8px;margin-bottom:20px}.footer-col-title{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:14px;color:var(--text-secondary);transition:color .15s var(--ease-out)}.footer-links a:hover{color:var(--text-primary)}.newsletter-label{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.newsletter-form{display:flex;gap:8px}.newsletter-input{flex:1;height:40px;padding:0 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.newsletter-input::placeholder{color:var(--text-tertiary)}.newsletter-input:focus{border-color:var(--border-default);box-shadow:0 0 0 2px #c8ff5726}.newsletter-btn{height:40px;padding:0 16px;background:var(--accent);color:var(--text-inverse);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;transition:opacity .15s}.newsletter-btn:hover{opacity:.88}.social-links{display:flex;gap:10px;margin-top:20px}.social-link{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:border-color .15s,color .15s,background .15s}.social-link:hover{border-color:var(--border-default);color:var(--text-primary);background:var(--bg-elevated)}.footer-divider{border:none;border-top:1px solid var(--border-subtle)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0;flex-wrap:wrap;gap:12px}.footer-bottom-text{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.04em}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.04em;transition:color .15s}.footer-bottom-links a:hover{color:var(--text-secondary)}.whatsapp-fab{position:fixed;bottom:28px;right:28px;z-index:99;width:52px;height:52px;border-radius:50%;background:#25d366;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36659;transition:transform .15s var(--ease-out),box-shadow .15s}.whatsapp-fab:hover{transform:translateY(-2px);box-shadow:0 8px 28px #25d36673}.login-page{min-height:100vh;background:var(--bg-base);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse at 50% 0%,rgba(200,255,87,.07) 0%,transparent 70%);pointer-events:none}.login-card{width:100%;max-width:400px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:40px 36px;position:relative;z-index:1}@media (max-width: 440px){.login-card{padding:32px 24px;border-radius:var(--radius-lg)}}.login-logo{display:flex;justify-content:center;margin-bottom:28px}.login-header{text-align:center;margin-bottom:28px}.login-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px}.login-sub{font-size:13px;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:16px}.login-error{display:flex;align-items:center;gap:8px;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;color:var(--color-error)}.login-field{display:flex;flex-direction:column;gap:7px}.login-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.login-input-wrap{position:relative}.login-input{width:100%;height:44px;padding:0 14px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-display);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.login-input::placeholder{color:var(--text-tertiary)}.login-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px #c8ff571f}.login-input-wrap .login-input{padding-right:44px}.login-pw-toggle{position:absolute;right:0;top:0;bottom:0;width:44px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:color .15s}.login-pw-toggle:hover{color:var(--text-secondary)}.login-btn{margin-top:4px;height:46px;background:var(--accent);color:var(--text-inverse);font-family:var(--font-display);font-size:14px;font-weight:600;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s var(--ease-out),transform .15s var(--ease-out)}.login-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-spinner{width:18px;height:18px;border:2px solid rgba(9,9,11,.3);border-top-color:#09090b;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer-text{margin-top:20px;text-align:center;font-size:13px;color:var(--text-tertiary)}.login-link{color:var(--text-accent);transition:opacity .15s}.login-link:hover{opacity:.8}.pw-strength{display:flex;align-items:center;gap:10px;margin-top:6px}.pw-strength-bar{flex:1;height:3px;border-radius:2px;background:var(--border-subtle);position:relative;overflow:hidden}.pw-strength-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;transition:width .3s var(--ease-out),background .3s}.pw-strength-bar.weak:after{width:33%;background:var(--color-error)}.pw-strength-bar.fair:after{width:66%;background:var(--color-warning)}.pw-strength-bar.strong:after{width:100%;background:var(--color-success)}.pw-strength-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;flex-shrink:0}.pw-strength-label.weak{color:var(--color-error)}.pw-strength-label.fair{color:var(--color-warning)}.pw-strength-label.strong{color:var(--color-success)}.login-watermark{margin-top:32px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.04em;z-index:1}.dash-layout{display:flex;min-height:100vh;background:var(--bg-base)}.dash-sidebar{width:240px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50;transition:transform .28s var(--ease-out)}.dash-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border-subtle)}.dash-sidebar-close{display:none;color:var(--text-tertiary);padding:4px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.dash-sidebar-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.dash-role-badge{display:inline-block;margin:12px 20px 4px;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-full);background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--text-accent)}.dash-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:12px}.dash-nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .15s,background .15s}.dash-nav-link:hover,.dash-nav-link.active{color:var(--text-primary);background:var(--bg-elevated)}.dash-nav-link.active svg{color:var(--text-accent)}.dash-sidebar-footer{padding:16px 12px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.dash-user-info{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm)}.dash-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-accent);flex-shrink:0}.dash-user-meta{display:flex;flex-direction:column;min-width:0}.dash-user-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user-email{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-logout-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);transition:color .15s,background .15s;width:100%;text-align:left}.dash-logout-btn:hover{color:var(--color-error);background:#f8717114}.dash-main{flex:1;display:flex;flex-direction:column;min-width:0}.dash-topbar{display:none;align-items:center;gap:12px;padding:0 20px;height:56px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);position:sticky;top:0;z-index:40}.dash-menu-btn{color:var(--text-secondary);padding:6px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.dash-menu-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.dash-topbar-title{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--text-tertiary)}.dash-content{flex:1;padding:36px 40px;overflow-y:auto}.dash-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:49}@media (max-width: 768px){.dash-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%)}.dash-sidebar.open{transform:translate(0)}.dash-sidebar-close,.dash-topbar{display:flex}.dash-overlay{display:block}.dash-content{padding:24px 20px}}.dash-overview-header{margin-bottom:32px}.dash-page-title{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:8px}.dash-page-sub{font-size:14px;color:var(--text-secondary);line-height:1.6}.dash-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.dash-stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px 20px;display:flex;flex-direction:column;gap:6px;transition:border-color .22s var(--ease-out)}.dash-stat-card:hover{border-color:var(--border-default)}.dash-stat-value{font-family:var(--font-mono);font-size:28px;font-weight:500;color:var(--text-primary);letter-spacing:-.03em}.dash-stat-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.dash-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;gap:12px}.dash-placeholder-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);margin-bottom:4px}.dash-placeholder-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.dash-placeholder-desc{font-size:14px;color:var(--text-secondary);max-width:320px;line-height:1.65}.page-placeholder{min-height:60vh;padding:160px 0 96px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.page-placeholder h1{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,6vw,72px);letter-spacing:-.04em;line-height:1.02;margin-bottom:16px}.page-placeholder p{font-size:16px;color:var(--text-secondary);max-width:520px;line-height:1.65;margin-bottom:32px}.product-description h2{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin:28px 0 10px}.product-description h3{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);margin:22px 0 8px}.product-description p{margin:0 0 14px}.product-description p:last-child{margin-bottom:0}.product-description strong{font-weight:700;color:var(--text-primary)}.product-description em{font-style:italic}.product-description u{text-decoration:underline;text-underline-offset:3px}.product-description ul,.product-description ol{padding-left:22px;margin:10px 0 14px}.product-description ul{list-style:disc}.product-description ol{list-style:decimal}.product-description li{margin:6px 0}.product-description blockquote{border-left:3px solid var(--accent-border);padding:4px 0 4px 18px;margin:16px 0;color:var(--text-tertiary);font-style:italic}.product-description hr{border:none;border-top:1px solid var(--border-subtle);margin:24px 0}.product-description a{color:var(--text-accent);text-decoration:underline;text-underline-offset:3px}.reviews-layout{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start}@media (max-width: 900px){.reviews-layout{grid-template-columns:1fr}}.rating-summary{display:flex;gap:32px;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px 28px;margin-bottom:24px}.review-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px 24px;transition:border-color .2s}.review-card:hover{border-color:var(--border-default)}.review-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.review-card-text{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:14px;font-style:italic}.review-card-author{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}.reviews-empty{text-align:center;padding:56px 24px;background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-md)}.review-form-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px;position:sticky;top:100px}.review-label{display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:8px}