:root[data-theme="light"]{--bg:#e6e6e6;--bg-l3:#ddd;--text-main:#000;--text-muted:hsl(0,0%,10%);--card-bg:rgba(255,255,255,.25);--card-border:rgba(255,255,255,.75);--glass-shadow:0 8px 32px rgba(31,38,135,.1);--dropdown-bg:#fff;--dropdown-hover:#f1f5f9;--icon-box-shadow:0 8px 32px rgba(31,38,135,.07),inset 0 0 0 2px rgba(0,0,0,.1);--bg-color-brand:linear-gradient(135deg,#cc33cc,#ed1c65);--sb-thumb-color:hsl(0,0%,65%);--sb-thumb-hover:hsl(0,0%,55%);--surface:rgba(255,255,255,.62);--muted-soft:#59616d;--input-bg:rgba(255,255,255,.6);--focus:#9b1a9b;--status-success:#047857;--status-error:#b91c1c;--status-pending:#92400e;color-scheme:light}
:root[data-theme="dark"]{--bg:#0f172a;--bg-l3:#334155;--text-main:#fff;--text-muted:hsl(0,0%,90%);--card-bg:rgba(15,23,42,.6);--card-border:rgba(255,255,255,.1);--glass-shadow:0 8px 32px rgba(0,0,0,.3);--dropdown-bg:#1e293b;--dropdown-hover:#334155;--icon-box-shadow:0 8px 32px rgba(31,38,135,.07),inset 0 0 0 2px rgba(255,255,255,.3);--bg-color-brand:linear-gradient(135deg,rgba(204,51,204,.1),rgba(204,51,204,.25));--sb-thumb-color:hsl(0,0%,30%);--sb-thumb-hover:hsl(0,0%,20%);--surface:rgba(30,41,59,.65);--muted-soft:#a8b3c7;--input-bg:rgba(15,23,42,.68);--focus:#eea1ed;--status-success:#6ee7b7;--status-error:#fca5a5;--status-pending:#fcd34d;color-scheme:dark}
:root{--sb-width:8px;--sb-track-color:transparent;--accent-glow:120deg;--brand:#cc33cc;--brand-second:#ed1c65;--brand-gradient:linear-gradient(135deg,#cc33cc,#ed1c65);--error-color:#ff4b4b;--success-color:#10b981;--container-width:1540px;--header-height:80px;--footer-height:80px}
*{box-sizing:border-box;margin:0;padding:0}*::selection{background:var(--brand);color:white}::-webkit-scrollbar{width:var(--sb-width);height:var(--sb-width)}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover)}
body{font-family:'Poppins',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--text-main);line-height:1.5;overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:100vh;transition:background .3s,color .3s}h1,h2,h3,h4{line-height:1.2}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.5;cursor:wait}button,input,select,textarea,a{outline-offset:4px}*:focus-visible{outline:2px solid var(--focus)}[hidden]{display:none!important}
.ambient-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg);transition:background .5s}.blob{position:absolute;filter:blur(80px);opacity:.22;animation:float 20s infinite alternate;border-radius:50%}.blob-1{top:-25%;left:-20%;width:65vw;height:65vw;background:radial-gradient(circle,#cc33cc,transparent 70%)}.blob-2{bottom:-35%;right:-15%;width:65vw;height:65vw;background:radial-gradient(circle,#ed1c65,transparent 70%);animation-delay:-5s}.blob-3{top:30%;left:40%;width:45vw;height:45vw;background:radial-gradient(circle,#4f46e5,transparent 70%);animation-delay:-10s;opacity:.12}@keyframes float{to{transform:translate(30px,50px) scale(1.1)}}
.container{max-width:var(--container-width);margin:0 auto;padding:0 32px}.glass-panel{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:20px;box-shadow:var(--glass-shadow)}header{height:var(--header-height);display:flex;align-items:center;width:100%;z-index:100;background:var(--card-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border)}.nav-inner{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{width:176px;height:auto}.brand-lockup{display:flex;gap:18px;align-items:center;text-decoration:none}.product-label{font-size:18px;letter-spacing:-1px;font-weight:600;padding-left:18px;border-left:1px solid var(--card-border)}.header-actions{display:flex;gap:18px;align-items:center}
.switch{display:inline-block;position:relative;width:3em;height:1.75em}.switch input{opacity:0;position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:pointer;min-height:0;padding:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--card-bg);border-radius:30px;border:1px solid var(--card-border)}.slider:before{position:absolute;content:"";height:1.1em;width:1.1em;border-radius:50%;left:.4em;top:50%;transform:translateY(-50%);background:linear-gradient(40deg,#ff0080,#ff8c00 70%);transition:.4s;box-shadow:0 2px 4px #0003}input:checked+.slider:before{left:calc(100% - 1.5em);background:transparent;box-shadow:inset -2px -2px 0 -1.5px #8983f7,inset -6px -3px 0 #a3dafb}.switch:focus-within .slider{outline:2px solid var(--focus);outline-offset:4px}
.lang-dropdown{position:relative}.lang-btn{background:transparent;border:1px solid var(--card-border);color:var(--text-main);padding:0 14px;height:40px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:.8rem}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--dropdown-bg);border:1px solid var(--card-border);border-radius:16px;padding:8px;min-width:140px;box-shadow:var(--glass-shadow);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.2s;z-index:101}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:10px 12px;color:var(--text-main);border-radius:8px;text-decoration:none;font-size:.9rem}.dropdown-item:hover{background:var(--dropdown-hover)}.dropdown-item.active{color:var(--focus);background:rgba(204,51,204,.1)}
.loader-spinner{width:40px;height:40px;border:3px solid var(--card-border);border-bottom-color:var(--brand);border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{to{transform:rotate(360deg)}}#footer{padding:24px 0;color:var(--muted-soft);border-top:1px solid var(--card-border);font-size:.75rem;background:var(--card-bg);margin-top:auto}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.legal-link{text-decoration:none;margin-left:24px}.legal-link:hover{color:var(--brand)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}