@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&family=Caveat:wght@400;700&family=Be+Vietnam+Pro:wght@200;300;400;500;600;700;800&display=swap";:root{--bg-main: #050505;--bg-card: #0A0A0A;--bg-glass: rgba(16, 185, 129, .03);--text-primary: #FFFFFF;--text-secondary: #9CA3AF;--text-muted: #4B5563;--accent: #10B981;--accent-dark: #065F46;--accent-glow: rgba(16, 185, 129, .6);--border-subtle: #1F2937;--border-hover: #10B981;--font-sans: "Inter", system-ui, sans-serif;--font-headline: "Be Vietnam Pro", system-ui, sans-serif;--font-script: "Caveat", cursive;--glow-hero: radial-gradient(circle at 0% 0%, #064E3B 0%, transparent 50%);--surface-1: #0b0b0b;--surface-2: #0f0f0f;--surface-3: rgba(15, 15, 15, .75);--surface-glass: rgba(8, 8, 8, .7);--stroke-1: rgba(255, 255, 255, .08);--stroke-2: rgba(255, 255, 255, .14);--shadow-1: 0 18px 40px rgba(0, 0, 0, .45);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5;background-image:var(--glow-hero);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:24px 0;transition:all .3s ease}.navbar.scrolled{background:#050505f2;backdrop-filter:blur(16px);padding:16px 0;border-bottom:1px solid var(--border-subtle)}.nav-container{max-width:1280px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-weight:900;font-size:1.5rem;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;text-transform:uppercase}.nav-links-desktop{display:flex;gap:32px;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.nav-cta{background:var(--accent);color:#000;padding:10px 24px;border-radius:100px;font-weight:700;text-decoration:none;font-size:.9rem;transition:transform .2s}.nav-cta:hover{transform:scale(1.05);background:#34d399}.text-emerald{color:var(--accent)}.text-script{font-family:var(--font-script);font-size:1.2em;font-weight:400;transform:rotate(-2deg);display:inline-block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.page-shell{min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(16,185,129,.15) 0%,transparent 55%),radial-gradient(circle at 100% 100%,rgba(16,185,129,.09) 0%,transparent 65%),#050505;color:var(--text-primary);padding:110px 0 90px;position:relative;overflow:hidden}.page-shell.tight{padding-top:90px}.page-shell .page-glow{position:absolute;width:60vw;height:60vh;background:radial-gradient(circle,rgba(16,185,129,.16) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.page-shell .page-glow.right{right:-20%;bottom:-30%;opacity:.7}.page-shell .page-glow.left{left:-25%;top:10%}.page-container{max-width:1320px;margin:0 auto;padding:0 66px;position:relative;z-index:1}.page-hero{text-align:center;margin-bottom:48px}.page-hero.left{text-align:left}.page-eyebrow,.page-kicker{display:inline-block;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--accent)}.page-title{font-family:var(--font-headline);font-size:clamp(2.2rem,6vw,4.4rem);font-weight:800;text-transform:uppercase;line-height:1;margin:10px 0 18px;letter-spacing:-.02em}.page-title .script{font-family:var(--font-script);font-weight:400;text-transform:none;color:var(--accent);margin-left:6px;display:inline-block;transform:rotate(-2deg)}.page-subtitle{font-family:var(--font-sans);font-style:italic;color:var(--text-secondary);font-size:1.05rem;line-height:1.7;max-width:720px;margin:0 auto}.section-title{font-family:var(--font-headline);font-size:clamp(1.4rem,3vw,2rem);font-weight:800;text-transform:uppercase;margin-bottom:12px}.section-subtitle{color:var(--text-secondary);font-style:italic;margin-bottom:20px}.page-section{margin-top:48px}.page-back{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:32px}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.page-card{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:var(--radius-lg);padding:24px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.page-card:hover{border-color:#10b98166;transform:translateY(-4px);box-shadow:0 18px 40px #00000059}.page-card .card-title{font-size:1.1rem;font-weight:700;margin-bottom:10px}.page-card .card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.page-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(16,185,129,.3);background:#10b98114;color:var(--accent);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.page-divider{height:1px;background:var(--stroke-1);margin:28px 0}.page-cta{text-align:center;padding:50px;border-radius:24px;background:#fff;border:none;box-shadow:0 18px 60px #00000059}.page-cta .section-title{color:#1a1a1a;margin-bottom:12px}.page-cta .section-subtitle{color:#6b7280;margin-bottom:26px}.notice-card{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:16px 20px;color:#f59e0b;font-size:.9rem;line-height:1.6}.btn-primary,.btn-secondary,.btn-ghost,.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-primary{background:var(--accent);color:#000;padding:12px 24px;border:none;box-shadow:0 0 20px #10b98133}.btn-primary:hover{background:#34d399;transform:translateY(-2px);box-shadow:0 10px 30px #10b98140}.btn-primary.on-light{color:#fff}.btn-primary.on-light:hover{background:#059669;transform:scale(1.05);box-shadow:0 12px 30px #10b98140}.btn-secondary{background:transparent;border:1px solid var(--stroke-1);color:#fff;padding:12px 24px}.btn-secondary:hover{border-color:#fff6;background:#ffffff0a}.btn-ghost{background:transparent;border:none;color:var(--text-secondary);padding:10px 18px}.btn-ghost:hover{color:#fff}.btn-pill{background:#ffffff0f;border:1px solid var(--stroke-1);color:#fff;padding:10px 18px}.btn-small{padding:8px 14px;border-radius:999px;font-size:.85rem}.field-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.input-field,.select-field,.textarea-field{width:100%;padding:12px 14px;background:var(--surface-1);border:1px solid var(--stroke-1);border-radius:var(--radius-md);color:#fff;font-size:.95rem;font-family:var(--font-sans);box-sizing:border-box}.input-field:focus,.select-field:focus,.textarea-field:focus{outline:none;border-color:#10b98199;box-shadow:0 0 0 3px #10b98126}.textarea-field{resize:vertical}.product-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.product-card-ref{cursor:pointer;position:relative;height:420px;transition:transform .3s ease;color:inherit;text-decoration:none;display:block}.product-card-ref:hover{transform:translateY(-8px)}.product-card-ref:hover .product-card-ref-bg{box-shadow:0 20px 40px #10b98126}.product-card-ref-badge{position:absolute;top:12px;left:12px;z-index:3;padding:4px 12px;border-radius:20px;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase;font-weight:600;font-family:var(--font-sans)}.product-card-ref-badge.popular{background:var(--accent);color:#000}.product-card-ref-badge.new{background:#ffffff26;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff;font-weight:500}.product-card-ref-bg{background:#1a1a1a;border-radius:20px;position:absolute;inset:130px 0 0;z-index:1;transition:box-shadow .3s ease}.product-card-ref-image{height:200px;border-radius:20px;overflow:hidden;position:relative;z-index:2;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.product-card-ref-image img{width:100%;height:100%;object-fit:cover}.product-card-ref-content{padding:20px 24px 24px;position:relative;z-index:2;display:flex;flex-direction:column;height:200px}.product-card-ref-title{font-family:var(--font-headline);font-size:1.3rem;font-weight:700;margin-bottom:8px;color:#fff}.product-card-ref-desc{font-family:var(--font-sans);color:#ffffff80;margin-bottom:16px;font-size:.9rem;line-height:1.5;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.product-card-ref-bottom{display:flex;align-items:center;justify-content:space-between}.product-card-ref-price{font-family:var(--font-headline);font-size:1.3rem;font-weight:700;color:var(--accent)}.product-card-ref-arrow{width:40px;height:40px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.2rem}.product-card-compact{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;min-height:260px;transition:transform .2s ease,border-color .2s ease}.card-action-link:hover{border-color:#10b98166}.card-action-link:hover .arrow-circle{background:var(--accent);color:#000}.empty-state-compact{text-align:center;padding:48px 24px;background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:var(--radius-lg)}.empty-state-compact h3{margin:8px 0;font-size:1.4rem;font-weight:700}.empty-state-compact p{color:var(--text-secondary)}.faq-accordion{display:flex;flex-direction:column;gap:10px}.faq-item-card{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.faq-item-card.active{border-color:#10b98180}.faq-question{width:100%;padding:16px 18px;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;font-size:.95rem}.faq-answer{padding:0 18px 18px;color:var(--text-secondary);font-size:.9rem;line-height:1.7;white-space:pre-line}.settings-wrapper{display:grid;gap:20px;max-width:900px}.settings-card{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:var(--radius-lg);padding:24px}.settings-header{display:flex;align-items:center;gap:10px;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--text-secondary);margin-bottom:18px}.settings-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.settings-field{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:16px}.settings-label{display:flex;align-items:center;gap:6px;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);margin-bottom:8px}.settings-value{font-weight:600;color:#fff}.settings-row-action{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-danger{border-color:#ef44444d;background:#ef44440d}.lms-card{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:var(--radius-xl);padding:32px;max-width:900px;margin:0 auto}.lms-card-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.lms-video-container{width:100%;aspect-ratio:16/9;background:var(--surface-1);border:1px solid var(--stroke-1);border-radius:var(--radius-xl);overflow:hidden}.lms-video-iframe{width:100%;height:100%;border:none}.lms-input-group{margin-bottom:16px}.lms-input{width:100%;padding:14px 16px;background:var(--surface-1);border:1px solid var(--stroke-1);border-radius:var(--radius-md);color:#fff;font-size:.95rem}.btn-primary-lg{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;background:var(--accent);color:#000;font-weight:700;border:none;cursor:pointer;text-decoration:none}.filter-pill{padding:10px 18px;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid var(--stroke-1);background:#ffffff0a;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.filter-pill.active{background:var(--accent);color:#000;border-color:transparent}.loading-screen,.loading-minimal{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);padding:40px 0;text-align:center;min-height:200px}.fade-up{animation:fadeUp .6s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn-emerald{background:var(--accent);color:#000;padding:16px 32px;border-radius:100px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-emerald:hover{background:#34d399;transform:translateY(-2px);box-shadow:0 0 20px var(--accent-glow)}.btn-outline{background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);padding:16px 32px;border-radius:100px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline:hover{border-color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:32px;transition:all .3s ease}.card:hover{border-color:var(--border-hover);transform:translateY(-5px)}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.6}25%{transform:translateY(-20px) translate(10px);opacity:1}50%{transform:translateY(-10px) translate(-5px);opacity:.8}75%{transform:translateY(-30px) translate(5px);opacity:.4}}html{scroll-behavior:smooth}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-icon{animation:float 3s ease-in-out infinite}.page-landing-theme{--font-display: "Be Vietnam Pro", sans-serif;--font-serif: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg: #050505;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans)}.page-shell{min-height:100vh;background:#050505;color:#fff;position:relative;display:flex;flex-direction:column}.page-editorial{min-height:100vh;background:#050505;color:#fff;position:relative;--font-display: "Be Vietnam Pro", sans-serif;--font-serif: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg: #050505}.page-glow{position:absolute;width:45%;height:50%;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.page-glow.left{top:-10%;left:-10%}.page-glow.right{bottom:-10%;right:-10%;opacity:.6}.page-container{max-width:800px;width:100%;margin:0 auto;padding:80px 24px 60px;position:relative;z-index:1}.page-back{display:inline-flex;align-items:center;gap:6px;color:#ffffff80;text-decoration:none;font-size:.85rem;margin-bottom:32px;transition:color .2s}.page-back:hover{color:#fff}.page-hero{text-align:center;margin-bottom:40px}.page-eyebrow{display:inline-block;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:8px}.page-title{font-family:Be Vietnam Pro,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;margin:0 0 12px;line-height:1.1}.page-title .script{font-family:Caveat,cursive;font-weight:400;color:var(--accent)}.page-subtitle{font-family:Inter,sans-serif;color:#ffffff80;font-size:1rem;font-style:italic;max-width:560px;margin:0 auto;line-height:1.6}.page-card{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:16px;padding:24px;transition:border-color .2s}.page-card:hover{border-color:#10b9814d}.card-title{font-size:1.1rem;font-weight:700;margin:0 0 8px;color:#fff}.card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.page-section{margin-top:40px}.section-title{font-size:1.15rem;font-weight:700;margin:0 0 16px;color:#fff}.section-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0 0 20px}.page-cta{background:linear-gradient(135deg,#10b9811f,#10b9810a);border:1px solid rgba(16,185,129,.2);border-radius:20px;padding:32px;text-align:center}.page-divider{height:1px;background:var(--stroke-1);margin:32px 0}.notice-card{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:16px;color:#f59e0b;font-size:.9rem;line-height:1.6}.page-pill{display:inline-block;font-size:.75rem;font-weight:700;color:var(--accent);background:#10b9811f;padding:6px 12px;border-radius:999px}.page-kicker{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:var(--accent);color:#000;font-weight:700;font-size:.9rem;border:none;border-radius:999px;cursor:pointer;text-decoration:none;transition:all .2s}.btn-primary:hover{background:#34d399;transform:translateY(-2px);box-shadow:0 8px 24px #10b98140}.btn-primary.on-light{background:#000;color:#fff}.btn-primary.on-light:hover{background:#1a1a1a}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:transparent;color:#fff;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;cursor:pointer;text-decoration:none;transition:all .2s}.btn-secondary:hover{border-color:#fff6;background:#ffffff0d}.field-label{display:block;font-size:.8rem;font-weight:600;color:#ffffffb3;margin-bottom:8px}.input-field,.select-field,.textarea-field{width:100%;padding:14px 16px;background:var(--surface-1);border:1px solid var(--stroke-1);border-radius:12px;color:#fff;font-size:.9rem;font-family:inherit;transition:border-color .2s}.input-field:focus,.select-field:focus,.textarea-field:focus{outline:none;border-color:#10b98180}.input-field::placeholder,.textarea-field::placeholder{color:#ffffff59}.select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.textarea-field{resize:vertical;min-height:120px}.faq-accordion{display:flex;flex-direction:column;gap:8px}.faq-item-card{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:12px;overflow:hidden;transition:border-color .2s}.faq-item-card.active{border-color:#10b98166}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;background:transparent;border:none;color:#fff;font-size:.95rem;font-weight:600;text-align:left;cursor:pointer}.faq-answer{padding:0 16px 16px;color:var(--text-secondary);font-size:.9rem;line-height:1.7;white-space:pre-line}.empty-state-compact{text-align:center;padding:48px 24px;color:var(--text-secondary)}@media(max-width:768px){.page-container{padding:70px 20px 50px}.page-hero{margin-bottom:32px}.page-title{font-size:1.8rem}.page-grid{grid-template-columns:1fr}.page-card{padding:20px}.page-cta{padding:24px}}.product-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.product-card-compact{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:20px;padding:24px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.product-card-compact:hover{border-color:#10b98166;transform:translateY(-4px)}.product-card-compact .card-action-link:hover{border-color:var(--accent)}.product-card-compact .card-action-link:hover .arrow-circle{background:var(--accent);color:#000}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.wishlist-card{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:16px;overflow:hidden;transition:border-color .2s}.wishlist-card:hover{border-color:#10b9814d}.wishlist-card-image{width:100%;height:140px;object-fit:cover;background:var(--surface-1)}.wishlist-card-body{padding:16px}.wishlist-card-title{font-weight:700;color:#fff;margin:0 0 6px}.wishlist-card-price{color:var(--accent);font-weight:700;font-size:1.1rem}.wishlist-card-actions{display:flex;gap:8px;margin-top:12px}.cart-list{display:flex;flex-direction:column;gap:12px}.cart-item{display:flex;gap:16px;background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:14px;padding:16px;align-items:center}.cart-item-image{width:80px;height:60px;object-fit:cover;border-radius:10px;background:var(--surface-1)}.cart-item-info{flex:1}.cart-item-title{font-weight:700;color:#fff;margin:0 0 4px}.cart-item-price{color:var(--accent);font-weight:600}.dashboard-header{margin-bottom:32px}.dashboard-title{font-family:Be Vietnam Pro,sans-serif;font-size:1.8rem;font-weight:800;color:#fff;margin:0 0 6px}.dashboard-subtitle{color:var(--text-secondary);font-size:.95rem;font-style:italic}@media(max-width:768px){.product-grid-compact,.wishlist-grid{grid-template-columns:1fr}}.content-editorial{max-width:1320px;margin:0 auto;padding:100px 66px 80px}.auth-editorial{min-height:100vh;background:radial-gradient(circle at 0% 0%,#064E3B 0%,transparent 55%),radial-gradient(circle at 100% 100%,rgba(16,185,129,.18) 0%,transparent 60%),#050505;color:#fff;padding:100px 66px 80px;position:relative;--font-display: "Be Vietnam Pro", sans-serif;--font-serif: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;overflow:hidden}.auth-glow{position:absolute;top:-120px;left:-220px;width:520px;height:520px;background:radial-gradient(circle,rgba(16,185,129,.35) 0%,transparent 70%);filter:blur(70px);pointer-events:none;z-index:0}.auth-glow-right{position:absolute;bottom:-180px;right:-220px;width:520px;height:520px;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.auth-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;position:relative;z-index:1}.auth-left{text-align:left}.eyebrow-poster{display:inline-block;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:12px}.type-display-sm{font-family:Be Vietnam Pro,sans-serif;font-size:clamp(2.5rem,6vw,4rem);line-height:.95;font-weight:800;text-transform:uppercase;margin:0 0 16px}.type-sub{font-family:Inter,sans-serif;font-style:italic;color:#fff9;font-size:1.05rem;line-height:1.6;margin:0}.auth-right{display:flex;justify-content:center}.auth-card-editorial{width:100%;max-width:440px;background:#0f0f0fa6;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;backdrop-filter:blur(16px);box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0a}.btn-google-editorial{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-google-editorial:hover{background:#ffffff1a}.divider-editorial{display:flex;align-items:center;gap:12px;margin:20px 0;color:#fff6;font-size:.8rem;text-transform:uppercase;letter-spacing:.2em}.divider-editorial:before,.divider-editorial:after{content:"";height:1px;flex:1;background:#ffffff1a}.auth-form-editorial{display:flex;flex-direction:column;gap:14px}.input-editorial{position:relative}.input-editorial input{width:100%;padding:14px 14px 14px 44px;background:#0f0f0f;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;font-size:.95rem}.input-editorial input::placeholder{color:#fff6}.input-editorial input:focus{border-color:#10b98199;outline:none;box-shadow:0 0 0 3px #10b98126}.input-editorial input:-webkit-autofill,.input-editorial input:-webkit-autofill:hover,.input-editorial input:-webkit-autofill:focus,.input-editorial input:-webkit-autofill:active{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:0 0 0 1000px #0f0f0f inset;transition:background-color 9999s ease-in-out 0s}.input-icon-editorial{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#ffffff80}.btn-poster{width:100%;padding:16px;background:var(--accent);color:#000;border:none;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-poster:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98140}.toggle-mode-editorial{margin-top:14px;width:100%;background:transparent;border:none;color:#fff9;cursor:pointer;font-size:.85rem}.back-link-editorial{display:inline-flex;align-items:center;gap:8px;color:#fff9;text-decoration:none;font-size:.9rem}@media(max-width:1024px){.content-editorial{padding:90px 40px 70px}}@media(max-width:768px){.content-editorial{padding:80px 24px 60px}.auth-editorial{padding:100px 24px 60px}.auth-grid{grid-template-columns:1fr;gap:32px}.auth-left{text-align:center}}.suite-page{min-height:100vh;background:var(--bg-main);color:#fff;padding:120px 66px 80px}.suite-hero{max-width:1200px;margin:0 auto 48px;text-align:center;position:relative}.suite-badge{display:inline-block;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--accent);border:1px solid rgba(16,185,129,.3);padding:6px 12px;border-radius:999px;margin-bottom:18px}.suite-title{font-family:Be Vietnam Pro,sans-serif;font-size:clamp(2.2rem,6vw,4rem);font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.suite-tagline{font-family:Caveat,cursive;font-size:2rem;color:var(--accent);margin:0 0 16px}.suite-description{color:#fff9;max-width:720px;margin:0 auto;line-height:1.6}.tools-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.tool-card{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:var(--radius-lg);padding:24px;text-align:center;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tool-card:hover{transform:translateY(-4px);border-color:#10b98166;box-shadow:0 14px 30px #00000059}.tool-tag{position:absolute;top:16px;right:16px;background:#ffffff14;border:1px solid var(--stroke-1);padding:4px 10px;border-radius:999px;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffffb3}.tool-tag.tag-soon{background:#f59e0b1f;border-color:#f59e0b4d;color:#f59e0b}.tool-icon{color:var(--accent);margin-bottom:16px}.tool-name{font-family:Be Vietnam Pro,sans-serif;font-size:1.2rem;font-weight:700;margin:0 0 8px}.tool-desc{color:#fff9;font-size:.9rem;line-height:1.6;margin:0 0 20px}.btn-hybrid{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--accent);color:#000;font-weight:700;text-decoration:none;font-size:.9rem}.btn-hybrid.disabled{background:#ffffff1a;color:#fff6}.text-gold{color:#f5c542}.hover-jitter{transition:transform .2s ease}.hover-jitter:hover{transform:translateY(-2px) rotate(-1deg)}.hero-dynamic,.hero-gallery,.hero-editorial,.hero-minimal{min-height:100vh;background:#050505;color:#fff;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}.hero-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}.hero-overlay-gradient{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.35) 0%,transparent 50%),linear-gradient(180deg,#05050599,#050505e6 60%)}.hero-content-dynamic,.hero-content-gallery,.hero-content-editorial,.hero-content-minimal{position:relative;z-index:2;max-width:900px;padding:0 66px}.hero-content-dynamic h1,.hero-content-gallery h1,.hero-content-editorial h1,.hero-content-minimal h1{font-family:Be Vietnam Pro,sans-serif;font-size:clamp(2.2rem,6vw,4rem);margin-bottom:16px;text-transform:uppercase}.hero-content-dynamic p,.hero-content-gallery p,.hero-content-editorial blockquote,.hero-content-minimal p{color:#ffffffa6;font-size:1.05rem;line-height:1.7}.back-link{display:inline-flex;align-items:center;gap:8px;color:#fff9;text-decoration:none;font-size:.9rem;margin-bottom:20px}.cta-dynamic,.cta-gallery,.cta-editorial,.cta-minimal{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:var(--accent);color:#000;font-weight:700;text-decoration:none;margin-top:20px}.gallery-grid-bg{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);opacity:.08;pointer-events:none}.gallery-item-bg{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent)}.editorial-lines{position:absolute;inset:0;display:grid;grid-template-rows:repeat(20,1fr);opacity:.1}.editorial-lines .line{border-top:1px solid rgba(255,255,255,.1)}.hero-content-editorial .word-main{color:#fff}.hero-content-editorial .word-sub{color:var(--accent);margin-left:6px}.hero-content-editorial blockquote{font-style:italic;margin:16px 0 0}.minimal-grid{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(16,185,129,.2) 0%,transparent 45%);opacity:.6}.minimal-divider{width:80px;height:2px;background:#fff3;margin:16px auto}.tool-page-unique{background:var(--bg-main);color:#fff}.dynamic-badge,.gallery-icon,.minimal-icon,.audio-icon{display:inline-flex;align-items:center;justify-content:center}.dynamic-badge{gap:8px;margin-bottom:16px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#fffc;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}.gallery-icon,.minimal-icon{width:64px;height:64px;border-radius:16px;background:#ffffff0f;color:var(--accent);margin:0 auto 16px}.editorial-meta{display:flex;align-items:center;gap:12px;color:#fff6;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}.hero-cinematic,.hero-audio{min-height:100vh;background:#050505;color:#fff;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}.cinematic-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.3) 0%,transparent 55%),linear-gradient(180deg,#05050599,#050505e6 60%)}.cinematic-frame{position:absolute;inset:30px;border:1px solid rgba(255,255,255,.12);border-radius:24px;pointer-events:none}.hero-content-cinematic{position:relative;z-index:2;max-width:820px;padding:0 66px}.cinematic-presents{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.cinematic-tagline{color:#ffffffb3;font-style:italic;margin-top:8px}.cinematic-credits{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#fff6}.cta-cinematic{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:var(--accent);color:#000;font-weight:700;text-decoration:none}.waveform-bg{position:absolute;inset:0;display:flex;align-items:center;gap:4px;opacity:.12;padding:0 20px}.wave-bar{flex:1;height:40%;background:var(--accent);animation:wave 2.4s ease-in-out infinite}@keyframes wave{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}.audio-samples{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:20px 0;color:#ffffffa6;font-size:.85rem}.cta-audio{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:var(--accent);color:#000;font-weight:700;text-decoration:none}.benefits-section,.pricing-section,.faq-section{padding:80px 0;max-width:1200px;margin:0 auto;text-align:center}.benefits-section h2,.pricing-section h2,.faq-section h2{font-family:var(--font-headline);font-size:clamp(1.8rem,4vw,2.6rem);text-transform:uppercase;margin-bottom:32px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.benefit-card{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:var(--radius-lg);padding:24px}.benefit-card .sub{color:var(--accent);font-weight:700;margin:6px 0}.benefit-card .detail{color:var(--text-secondary);font-size:.9rem}.price-card{background:var(--surface-2);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-xl);padding:32px;max-width:420px;margin:0 auto}.price-old{color:#fff6;text-decoration:line-through;font-size:.95rem}.price-new{font-size:2.4rem;font-weight:800;color:var(--accent);margin:8px 0 16px}.price-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:var(--accent);color:#000;font-weight:700;text-decoration:none}.price-note{margin-top:12px;color:var(--text-secondary);font-size:.8rem}.faq-section{text-align:left;max-width:820px}.faq-item{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:var(--radius-md);padding:18px 20px;margin-bottom:12px}.faq-item strong{display:block;margin-bottom:6px}.faq-item p{color:var(--text-secondary);margin:0}.tool-not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-main);color:#fff;text-align:center}@media(max-width:768px){.suite-page{padding:100px 24px 60px}.suite-hero{margin-bottom:32px}.hero-content-dynamic,.hero-content-gallery,.hero-content-editorial,.hero-content-minimal{padding:0 24px}.tools-grid{grid-template-columns:1fr}}.dashboard-layout{min-height:100vh;background:#050505;background-image:radial-gradient(circle at 0% 0%,rgba(16,185,129,.12) 0%,transparent 45%);color:#fff;display:flex;--font-display: "Be Vietnam Pro", sans-serif;--font-serif: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}.dash-sidebar{width:260px;background:var(--surface-1);border-right:1px solid var(--stroke-1);padding:28px 20px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;gap:24px}.dash-main{flex:1;margin-left:260px;padding:40px 40px 60px}.dash-body{max-width:1100px}.dash-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:20px;border-bottom:1px solid var(--stroke-1);margin-bottom:28px}.dash-header.with-action{align-items:center}.dash-title{font-family:Be Vietnam Pro,sans-serif;font-size:1.8rem;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.02em}.dash-subtitle{font-family:Inter,sans-serif;color:#ffffff73;font-style:italic;font-size:.95rem;margin:0}.dash-nav-list{display:flex;flex-direction:column;gap:6px}.dash-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#ffffffb3;text-decoration:none;background:transparent;border:none;cursor:pointer;font-weight:500;font-size:1rem;font-family:inherit;transition:all .2s ease}.dash-nav-item:hover{background:#ffffff0d;color:#fff}.dash-nav-item.active{background:#10b98129;color:var(--accent);border-left:3px solid var(--accent)}.dash-nav-item.locked{opacity:.5;cursor:not-allowed}.brand-row{display:flex;align-items:center;gap:10px}.brand-link{font-weight:800;letter-spacing:.08em;color:#fff;text-decoration:none}.brand-badge{font-size:.65rem;background:#10b98133;color:var(--accent);border:1px solid rgba(16,185,129,.4);padding:4px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em}.brand-category{font-size:.7rem;color:#fff9;text-transform:uppercase;letter-spacing:.15em}.brand-title-lms{font-family:Be Vietnam Pro,sans-serif;font-weight:800;font-size:1.3rem;margin:6px 0 0}.dash-user{margin-top:auto;display:flex;flex-direction:column;gap:12px}.user-email{font-size:.8rem;color:#ffffff80}.btn-logout-minimal{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff0f;border:1px solid var(--stroke-1);border-radius:var(--radius-md);color:#fffc;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-logout-minimal:hover{background:#ffffff1a}.loader{width:28px;height:28px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;margin:0 auto}@media(max-width:1024px){.dash-main{padding:32px 24px 50px}}.editor-analog{min-height:100vh;background:#050505;color:#fff;display:flex;flex-direction:column}.ws-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0b0b0b;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:10}.ws-left,.ws-center,.ws-right{display:flex;align-items:center;gap:14px}.home-icon{color:#fff9;text-decoration:none;font-weight:700}.project-meta{display:flex;flex-direction:column;gap:2px}.proj-title{font-family:Be Vietnam Pro,sans-serif;font-weight:700}.proj-status{font-size:.7rem;letter-spacing:.2em;color:#fff6}.toolbar-island{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#111;border:1px solid rgba(255,255,255,.08)}.tool-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffffb3;cursor:pointer}.tool-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.btn-save{padding:8px 16px;border-radius:10px;background:var(--accent);color:#000;font-weight:700;border:none;cursor:pointer}.ws-body{flex:1;display:grid;grid-template-columns:240px 1fr 240px;gap:0}.ws-sidebar{background:#0b0b0b;border-right:1px solid rgba(255,255,255,.08);padding:20px}.ws-sidebar.right{border-right:none;border-left:1px solid rgba(255,255,255,.08)}.panel-group h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#ffffff80;margin:0 0 12px}.layer-stack,.media-grid{display:grid;gap:8px}.layer-row{padding:10px 12px;border-radius:8px;background:#ffffff0a;color:#ffffffb3}.layer-row.active{background:#10b98126;color:#fff}.media-item{height:60px;border-radius:8px;background:#ffffff0f}.ws-canvas{display:flex;align-items:center;justify-content:center;background:#0a0a0a}.artboard-wrapper{padding:24px;border-radius:16px;border:1px dashed rgba(255,255,255,.2)}.placeholder-text{color:#0009;font-weight:600}.prop-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.input-mono{width:90px;background:#0b0b0b;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 8px;border-radius:6px;font-family:JetBrains Mono,monospace}.color-box{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.ai-action{width:100%;padding:10px 12px;margin-bottom:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fffc;cursor:pointer;text-align:left}.ai-action:hover{border-color:#10b98166;color:#fff}@media(max-width:1024px){.ws-body{grid-template-columns:1fr}.ws-sidebar{display:none}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-30px);transition:opacity .8s ease,transform .8s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(30px);transition:opacity .8s ease,transform .8s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.95);transition:opacity .8s ease,transform .8s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger-children.visible>*:nth-child(1){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(2){transition-delay:.2s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(3){transition-delay:.3s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(4){transition-delay:.4s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(5){transition-delay:.5s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(6){transition-delay:.6s;opacity:1;transform:translateY(0)}@media(max-width:1024px){.nav-container{padding:0 24px}.container{padding:0 24px!important}.page-container{padding:0 40px}}@media(max-width:768px){.navbar{padding:16px 0}.nav-container{padding:0 20px}.nav-links{display:none}.container{padding:0 20px!important}.page-container{padding:0 24px}section{padding:60px 0!important}h1{font-size:2rem!important}h2{font-size:1.75rem!important}h3{font-size:1.25rem!important}.features-grid,.statement-grid,.transition-grid,.truth-grid{grid-template-columns:1fr!important;gap:20px!important}}@media(max-width:480px){.navbar{padding:12px 0}.nav-container{padding:0 16px}.container{padding:0 16px!important}.page-container{padding:0 18px}section{padding:40px 0!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}.cta-button{width:100%;justify-content:center}.features-grid>div{height:auto!important;min-height:380px}}#features .container{transition:padding .3s ease}@media(max-width:1024px){#features .container{padding:0 40px!important}#features .features-grid,#features>div>div[style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){#features{padding:60px 0 70px!important}#features .container{padding:0 20px!important}#features .features-grid,#features>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:16px!important}#features>div>div:first-child{flex-direction:column!important;text-align:center!important;align-items:center!important;gap:16px!important}#features>div>div:first-child h2{font-size:1.8rem!important;text-align:center!important}}@media(max-width:480px){#features .container{padding:0 16px!important}#features>div>div:first-child h2{font-size:1.5rem!important}}@media(max-width:768px){.hero-ref{min-height:auto!important;padding:100px 20px 60px!important}.hero-ref-container{max-width:100%!important}.hero-ref-headline{font-size:1.8rem!important}.hero-ref-line2{white-space:normal!important}.hero-ref-subtext{font-size:.9rem!important;padding:0 10px}.hero-ref-buttons{flex-direction:column!important;gap:12px!important}.hero-ref-btn-primary,.hero-ref-btn-secondary{width:100%!important;max-width:280px!important}}@media(max-width:480px){.hero-ref{padding:90px 16px 50px!important}.hero-ref-headline{font-size:1.5rem!important}.hero-ref-spinner{width:24px!important}}@media(max-width:900px){.product-detail-grid{grid-template-columns:1fr!important;gap:32px!important}.product-detail-sidebar{position:static!important}}@media(max-width:768px){.product-features-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.product-catalog-grid{grid-template-columns:1fr!important;gap:16px!important}}@media(max-width:900px){.cart-layout-grid{grid-template-columns:1fr!important}.cart-summary-sidebar{position:static!important}}@media(max-width:768px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.dashboard-products-grid{grid-template-columns:1fr!important}}.cart-list{gap:12px}@media(max-width:768px){.cart-item{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.cart-item-image{width:100%!important;height:150px!important}.cart-item-info{width:100%!important}}.checkout-grid{gap:32px!important}@media(max-width:900px){.checkout-grid{grid-template-columns:1fr!important}}@media(max-width:480px){.checkout-grid{gap:20px!important}}@media(max-width:768px){.dash-main{margin-left:0!important;padding:70px 16px 24px!important}.dash-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.dash-title{font-size:1.4rem!important}.dash-body{max-width:100%!important}.dash-body>div[style*=gridTemplateColumns]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.product-grid-compact,div[style*="grid-template-columns: repeat(auto-fill, minmax(320px"]{grid-template-columns:1fr!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:768px){.riwayat-purchase-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.auth-editorial{padding:80px 20px 60px!important}.auth-grid{grid-template-columns:1fr!important;gap:24px!important}.auth-left{text-align:center!important}.type-display-sm{font-size:2rem!important}.auth-card-editorial{padding:24px!important}}@media(max-width:768px){.lms-card{padding:20px!important;border-radius:16px!important}.lms-video-container{border-radius:12px!important}}.catalog-grid{transition:grid-template-columns .3s ease}@media(max-width:768px){.catalog-grid{grid-template-columns:1fr!important;gap:16px!important}.product-card-ref{height:auto!important;min-height:380px!important}.product-card-ref-image{height:180px!important}}@media(max-width:768px){.wishlist-grid{grid-template-columns:1fr!important}.wishlist-card-actions{flex-direction:column!important}.wishlist-card-actions button,.wishlist-card-actions a{width:100%!important}}@media(max-width:768px){.settings-wrapper{max-width:100%!important}.settings-grid-2{grid-template-columns:1fr!important}.settings-row-action{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.settings-row-action button,.settings-row-action a{width:100%!important}}@media(max-width:768px){.faq-question{padding:14px!important;font-size:.9rem!important}.faq-answer{padding:0 14px 14px!important;font-size:.85rem!important}}@media(max-width:768px){.invoice-wrapper{padding:20px!important}}@media(max-width:768px){.about-hero-content{padding:0 20px!important}}@media(max-width:768px){.contact-grid,.contact-layout-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.suite-page{padding:80px 20px 60px!important}.tools-grid{grid-template-columns:1fr!important;gap:16px!important}.tool-card{padding:20px!important}.hero-dynamic,.hero-gallery,.hero-editorial,.hero-minimal,.hero-cinematic,.hero-audio{min-height:auto!important;padding:100px 20px 60px!important}.hero-dynamic h1,.hero-gallery h1,.hero-editorial h1,.hero-minimal h1,.hero-cinematic h1,.hero-audio h1{font-size:1.8rem!important}.gallery-grid-bg{grid-template-columns:repeat(2,1fr)!important}.cinematic-credits{flex-wrap:wrap!important;justify-content:center!important}.audio-samples{flex-direction:column!important;gap:8px!important}.benefits-section,.pricing-section,.faq-section{padding:40px 20px!important}}@media(max-width:1024px){.ws-body{grid-template-columns:1fr!important}.ws-sidebar{display:none!important}.ws-header{padding:0 16px!important}}@media(max-width:768px){.changelog-list{gap:16px!important}.changelog-item{padding:16px!important}}@media(max-width:768px){.benefits-grid{grid-template-columns:1fr!important}.benefit-card{padding:20px!important}}@media(max-width:480px){.price-card{padding:24px!important;max-width:100%!important}.price-new{font-size:2rem!important}}@media(max-width:768px){.transition-section{padding:60px 0!important}.transition-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.page-cta{padding:32px 20px!important;border-radius:16px!important}.page-cta .section-title{font-size:1.3rem!important}}@media(max-width:768px){.truth-grid,.statement-grid{grid-template-columns:1fr!important}}@media(max-width:768px){main section>div>div[style*="display: grid"]{grid-template-columns:1fr!important}main{overflow-x:hidden!important}body,html{overflow-x:hidden}}@media(max-width:480px){main section{padding-left:16px!important;padding-right:16px!important}}button,a,input,select,textarea,[role=button]{min-height:48px;min-width:48px;touch-action:manipulation}p a{min-height:auto;min-width:auto;padding:2px 4px}:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important;border-radius:4px;z-index:100}:focus:not(:focus-visible){outline:none}ul,ol{list-style:none;padding:0;margin:0}.skip-link{position:absolute;top:-9999px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;padding:12px 24px;z-index:9999;font-weight:700;border-radius:0 0 8px 8px;transition:top .2s}:root{--text-secondary: #A1A1AA;--text-meta: #D4D4D8}input,select,textarea{font-size:16px!important;background:#111;border:1px solid #333;color:#fff;border-radius:8px;padding:12px 16px}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:#000;color:#fff}label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500;font-size:.9rem}img{max-width:100%;height:auto;display:block}@media(max-width:768px){.desktop-video-only{display:block!important}.hero-mobile-bg{display:none!important}.hero-section{min-height:100vh;min-height:100dvh}.hero-bg video{filter:none!important}.footer-monolith{padding:40px 0 24px!important}.footer-monolith .container{padding:0 16px}.footer-flex-wrapper{flex-direction:column!important;gap:24px!important}.footer-brand-group{text-align:center;margin-bottom:16px}.footer-logo{font-size:1.5rem!important}.footer-tagline{font-size:.85rem!important}.footer-monolith nav{gap:6px!important}.footer-monolith .copyright{font-size:.75rem!important;text-align:center;width:100%}.footer-monolith>.container>div:last-child{flex-direction:column;text-align:center}.catalog-filters{flex-direction:column!important;align-items:stretch!important}.catalog-filters>div:first-child{max-width:100%!important;min-width:100%!important}.catalog-filters>div:last-child{overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.auth-grid{grid-template-columns:1fr!important;gap:32px!important;padding:24px!important}.auth-left{text-align:center}.auth-left .type-display-sm{font-size:2.5rem!important}.auth-card-editorial{padding:24px!important}.checkout-grid{grid-template-columns:1fr!important}.checkout-sidebar{order:-1;position:static!important}.arsenal-grid-2{grid-template-columns:1fr!important}.product-card-large{flex-direction:column!important}.product-card-large .product-card-image{width:100%!important;height:200px!important}}.product-card-large .product-card-image img,.product-card-compact .card-image img,.product-card-symmetric img,.product-grid img,.arsenal-grid-2 img,.product-grid-compact img{filter:grayscale(100%);transition:filter .4s ease,transform .4s ease}.product-card-large:hover .product-card-image img,.product-card-compact:hover .card-image img,.product-card-symmetric:hover img,.product-grid .product-card:hover img,.arsenal-grid-2>div:hover img,.product-grid-compact>div:hover img{filter:grayscale(0%);transform:scale(1.03)}.product-catalog-card img{filter:grayscale(100%);transition:filter .4s ease}.product-catalog-card:hover img{filter:grayscale(0%)}@media(max-width:768px){.product-grid-admin{grid-template-columns:1fr!important;gap:16px!important}.product-card-admin{padding:16px!important}.admin-card-header{flex-wrap:wrap;gap:8px}.admin-actions{width:100%;display:flex;justify-content:flex-end;gap:8px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.modern-table{min-width:600px}.modern-table th,.modern-table td{padding:12px 8px!important;font-size:.85rem!important}.stat-card-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.stat-card{padding:16px!important}.stat-card h3{font-size:1.5rem!important}.modal-overlay .modal-container,.modal-overlay>div>div{width:100%!important;max-width:100%!important;max-height:100vh!important;margin:0!important;border-radius:0!important}.modal-body{max-height:calc(100vh - 120px)!important;overflow-y:auto!important}.form-grid{grid-template-columns:1fr!important;gap:12px!important}.access-form-grid,.voucher-grid{grid-template-columns:1fr!important}.price-tag-mono{font-size:1rem!important}.dash-header.with-action{flex-direction:column;align-items:flex-start!important;gap:12px}.header-action{width:100%}.header-action button{width:100%;justify-content:center}}@media(max-width:768px){.wishlist-grid{grid-template-columns:1fr!important}.wishlist-item{flex-direction:column;text-align:center}.wishlist-item-image{width:100%!important;height:150px!important}.wishlist-item-actions{width:100%;justify-content:center}}@media(max-width:768px){.product-access-grid{grid-template-columns:1fr!important;gap:32px!important}.product-access-hero{padding:0 16px!important}.product-access-visual{order:1!important;aspect-ratio:16/9!important}.product-access-info{order:2!important}.product-access-actions{flex-direction:column!important;gap:12px!important}.product-access-actions button,.product-access-actions a{width:100%!important;justify-content:center}.features-section-lms{padding:40px 16px!important}.features-grid-lms,.reviews-grid{grid-template-columns:1fr!important}.review-card{padding:16px!important}}@media(max-width:768px){.tool-page-container{padding:0 16px!important}.tool-hero-section{flex-direction:column!important;gap:24px!important;padding:24px 0!important}.tool-video-wrapper{width:100%!important;aspect-ratio:16/9!important}.tool-info-section{text-align:center}.tool-price-box{padding:20px!important}.tool-features-grid{grid-template-columns:1fr!important}}@media(min-width:769px)and (max-width:1024px){.arsenal-grid-2{grid-template-columns:1fr 1fr!important;gap:20px!important}.product-grid-compact{grid-template-columns:repeat(2,1fr)!important}.dash-sidebar{width:220px!important}.dash-main{margin-left:220px!important}.auth-grid{grid-template-columns:1fr 1fr!important;gap:40px!important}.checkout-content{gap:32px!important}.product-card-large{flex-direction:row!important}.product-card-large .product-card-image{width:40%!important}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-secondary);font-size:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-skeleton{background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;padding:24px}.error-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#ef4444}.error-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:8px}.error-message{color:var(--text-secondary);font-size:.9rem;max-width:400px;margin-bottom:24px}.error-action{padding:12px 24px;background:var(--accent);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer}*:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important;box-shadow:0 0 0 4px #c8ff0033!important}*:focus:not(:focus-visible){outline:none!important}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;padding:12px 24px;border-radius:0 0 8px 8px;z-index:10000;font-weight:600;transition:top .2s}.skip-link:focus{top:0}@media(max-width:768px){.page-editorial{min-height:100vh}.content-editorial{padding:70px 16px 60px!important}.back-link-editorial{top:16px!important;left:16px!important}.page-editorial button[style*="padding: 20px"]{padding:16px!important}.page-editorial span[style*="fontSize: '0.95rem'"]{font-size:.9rem!important}.page-editorial h2[style*="fontSize: '1.1rem'"]{font-size:1rem!important}}@media(max-width:768px){.content-editorial>div[style*="gridTemplateColumns: 'repeat(auto-fit"]{grid-template-columns:1fr!important}.content-editorial form{gap:16px!important}.content-editorial>div[style*="padding: '32px'"]{padding:20px!important}.content-editorial>div[style*="justifyContent: 'center'"][style*="gap: '32px'"]{flex-direction:column!important;align-items:center!important;gap:16px!important}}@media(max-width:768px){.page-editorial>.content-editorial>div>div[style*="padding: '24px'"]{padding:16px!important}.page-editorial p[style*="lineHeight: 1.8"]{font-size:.9rem!important;line-height:1.7!important}.page-editorial h2[style*="gap: '8px'"]{flex-wrap:wrap}.page-editorial>.content-editorial>div[style*="rgba(245, 158, 11"]{padding:16px!important}}img[loading=lazy]{background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);background-size:200% 100%;animation:shimmer 1.5s infinite}img[loading=lazy].loaded{animation:none;background:transparent}.img-lazy-wrapper{position:relative;overflow:hidden}.img-lazy-wrapper img{opacity:0;transition:opacity .3s ease}.img-lazy-wrapper img.loaded{opacity:1}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable:focus,.sr-only-focusable:active{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important}@media(prefers-contrast:high){:root{--border-subtle: rgba(255, 255, 255, .5);--text-secondary: rgba(255, 255, 255, .9)}button,a{border:2px solid currentColor!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(pointer:coarse){button,a,input,select,textarea{min-height:44px}.btn-icon-sm,.cart-action-btn,.bottom-nav-item{min-width:44px;min-height:44px}}.keyboard-focus *:focus{outline:3px solid var(--accent)!important;outline-offset:3px!important}.empty-state-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;min-height:40vh}.empty-state-compact h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 8px}.empty-state-compact p{color:var(--text-secondary);margin:0;font-size:.9rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--accent);color:#000;border:none;border-radius:8px;font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c8ff004d}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:transparent;color:#fff;border:1px solid var(--border-subtle);border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s}.btn-secondary:hover{border-color:var(--accent);background:#ffffff0d}.navbar-ref{position:fixed;top:0;left:0;right:0;z-index:9999;height:70px;background:#050505f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .6s cubic-bezier(.34,1.56,.64,1),border-radius .7s cubic-bezier(.34,1.56,.64,1),box-shadow .5s ease-out,border-color .4s ease,height .5s cubic-bezier(.34,1.56,.64,1);border-radius:0;border-bottom:1px solid rgba(255,255,255,.08)}.navbar-ref.scrolled{height:72px;background:#080808eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:0 0 28px 28px;border-bottom:1px solid rgba(16,185,129,.15);box-shadow:0 12px 40px #0006,0 0 80px #10b98114}.navbar-ref-container{width:100%;max-width:1320px;margin:0 auto;padding:0 66px;height:100%;display:flex;justify-content:space-between;align-items:center}.navbar-ref-logo{font-family:Be Vietnam Pro,-apple-system,sans-serif;font-weight:700;font-size:22px;color:#fff;text-decoration:none;letter-spacing:0;text-transform:uppercase;display:flex;align-items:center;height:100%}.navbar-ref-right{display:flex;align-items:center;gap:35px;height:100%}.navbar-ref-link{font-family:Inter,-apple-system,sans-serif;color:#ffffff80;text-decoration:none;font-size:15px;font-weight:400;letter-spacing:0;transition:color .2s ease;display:flex;align-items:center;height:100%}.navbar-ref-link:hover{color:#fffffff2}.navbar-ref-cta{font-family:Inter,-apple-system,sans-serif;background:var(--accent);color:#000;padding:11px 22px;border-radius:50px;border:none;cursor:pointer;font-weight:500;font-size:14px;letter-spacing:0;text-decoration:none;transition:all .25s ease;white-space:nowrap;display:flex;align-items:center;height:auto;box-shadow:0 0 25px #10b98159,0 0 50px #10b98126}.navbar-ref-cta:hover{background:#34d399;transform:translateY(-2px);box-shadow:0 0 35px #10b98173,0 8px 30px #10b9814d}.navbar-ref-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#ffffffa6;text-decoration:none;transition:all .2s ease}.navbar-ref-icon:hover{color:#fff;background:#ffffff14}.navbar-ref-badge{position:absolute;top:2px;right:2px;background:var(--accent);color:#000;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.navbar-ref-user{position:relative;display:flex;align-items:center}.navbar-ref-avatar-btn{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.navbar-ref-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.navbar-ref-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#111;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px;box-shadow:0 16px 40px #00000080;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar-ref-dropdown-header{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.navbar-ref-dropdown-name{font-weight:600;color:#fff;font-size:13px}.navbar-ref-dropdown-email{font-size:11px;color:#fff6}.navbar-ref-divider{height:1px;background:#ffffff0f;margin:4px 6px}.navbar-ref-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#ffffffb3;text-decoration:none;font-size:13px;font-weight:500;border-radius:8px;transition:all .15s ease;background:transparent;border:none;width:100%;cursor:pointer}.navbar-ref-dropdown-item:hover{background:#ffffff0f;color:#fff}.navbar-ref-dropdown-item.logout{color:#ef4444}.navbar-ref-dropdown-item.logout:hover{background:#ef44441a}.navbar-ref-mobile-btn{display:none;background:transparent;border:none;color:#fff;padding:8px;cursor:pointer;align-items:center;justify-content:center}.mobile-overlay-ref{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay-ref.active{opacity:1;visibility:visible}.mobile-drawer-ref{position:fixed;top:0;right:0;width:280px;height:100vh;background:#090909;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.mobile-drawer-ref.active{transform:translate(0)}.mobile-header-ref{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-logo-ref{font-size:15px;font-weight:600;color:#fff;letter-spacing:1.5px}.mobile-close-ref{background:transparent;border:none;color:#ffffffb3;padding:6px;cursor:pointer;border-radius:6px}.mobile-close-ref:hover{color:#fff}.mobile-user-ref{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;margin:12px;border-radius:10px}.mobile-user-name-ref{color:#fff;font-weight:600;font-size:13px}.mobile-user-email-ref{color:#fff6;font-size:11px}.mobile-nav-ref{flex:1;display:flex;flex-direction:column;padding:6px 10px;overflow-y:auto}.mobile-nav-item-ref{display:flex;align-items:center;gap:12px;padding:12px;color:#ffffffb3;text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;transition:all .15s ease;background:transparent;border:none;width:100%;cursor:pointer}.mobile-nav-item-ref:hover{background:#ffffff0a;color:#fff}.mobile-nav-item-ref.logout{color:#ef4444}.mobile-badge-ref{margin-left:auto;background:var(--accent);color:#000;padding:3px 8px;border-radius:50px;font-size:11px;font-weight:600}.mobile-divider-ref{height:1px;background:#ffffff0f;margin:6px}.mobile-cta-ref{display:block;background:var(--accent);color:#000;text-align:center;padding:12px;margin:12px;border-radius:10px;border:none;cursor:pointer;font-weight:500;font-size:14px;text-decoration:none}@media(max-width:768px){.navbar-ref-container{padding:0 20px}.navbar-ref-right{display:none}.navbar-ref-mobile-btn{display:flex}}
