:root{--bg:linear-gradient(135deg,#667eea,#764ba2);--bg-light:#f8fafc;--card:#fff;--muted:#64748b;--accent:#6366f1;--accent-hover:#4f46e5;--text:#0f172a;--border:#e2e8f0;--shadow:rgba(99,102,241,.1)}*{box-sizing:border-box;margin:0;padding:0}#__next,body,html{height:100%}html{font-size:16px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-light);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;right:0;height:300px;background:linear-gradient(135deg,#667eea,#764ba2);z-index:-1}.container{max-width:1000px;margin:40px auto;padding:24px;min-height:100vh}.card{background:var(--card);border-radius:20px;padding:48px;box-shadow:0 20px 60px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.04);border:1px solid hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:40px}.hero .title{margin:0 0 16px;font-size:36px;line-height:1.2;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .subtitle{margin:0;color:var(--muted);font-size:18px;line-height:1.6;font-weight:400}figure.product{margin:0 0 32px;text-align:center}figure.product img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.12);transition:transform .3s ease}figure.product img:hover{transform:scale(1.05)}figure.product figcaption{color:var(--muted);font-size:14px;margin-top:12px}h2,h3{margin-top:32px;margin-bottom:16px;font-weight:700;color:var(--text)}h2{font-size:28px}h3{font-size:22px}ul{padding-left:24px;margin:16px 0}li{margin-bottom:12px}p{margin:16px 0;line-height:1.7;color:#334155}a{color:var(--accent);transition:all .2s ease;font-weight:500}a,a:hover{text-decoration:none}a:hover{color:var(--accent-hover)}.muted{color:var(--muted)}.lang-switcher{position:fixed;top:24px;right:24px;padding:10px 20px;background:hsla(0,0%,100%,.95);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-switcher:hover{background:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.2)}.lang-switcher:active{transform:translateY(0);box-shadow:0 4px 12px rgba(99,102,241,.15)}.en-text{display:none;color:var(--muted);font-size:14px;margin-top:4px}.show-en .en-text{display:block}@media (max-width:768px){body:before{height:200px}.container{margin:16px;padding:0}.card{border-radius:16px;padding:28px 24px;box-shadow:0 8px 32px rgba(0,0,0,.08)}.hero{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}.hero .title{font-size:28px;margin-bottom:12px}.hero .subtitle{font-size:16px}.lang-switcher{top:20px;right:20px;padding:8px 16px;font-size:13px}h2{font-size:24px}h3{font-size:20px}}@media (max-width:480px){body:before{height:180px}.container{margin:12px}.card{padding:24px 20px;border-radius:12px}.hero .title{font-size:26px}.hero .subtitle{font-size:15px}.lang-switcher{top:16px;right:16px;padding:8px 14px;font-size:13px}h2{font-size:22px}h3{font-size:18px}}