body{margin:0}.layout-container{background:linear-gradient(135deg,#f8faff,#eef2ff 50%,#f5f3ff);color:#1f2937;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.layout-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:100}.header-container{height:50px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.header-container,.header-logo{align-items:center;display:flex}.header-logo{gap:10px;transition:transform .2s ease}.header-logo:hover{transform:scale(1.02)}.header-logo:hover .logo-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);box-shadow:0 4px 12px #6366f140}.logo-icon{align-items:center;background:#0f172a;border-radius:10px;color:#fff;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.logo-icon--small{font-size:14px;height:28px;width:28px}.logo-text{color:#0f172a;font-size:20px;font-weight:700;transition:color .2s ease}.logo-text--small{font-size:16px}.header-nav{display:flex;gap:32px}.nav-link{color:#64748b;cursor:pointer;font-size:15px;font-weight:500;padding:4px 0;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:after{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:#6366f1}.nav-link:hover:after{width:100%}.nav-link--active{color:#6366f1;font-weight:600}.nav-link--active:after{width:100%}.header-actions{align-items:center;display:flex;gap:16px}.membership-btn{background:transparent;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;font-size:14px;font-weight:600;max-width:240px;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.membership-btn:hover{border-color:#6366f1;color:#6366f1}.membership-btn--active{background:#10b98114;border-color:#10b98180;color:#059669}.membership-btn--expired{background:#f59e0b14;border-color:#f59e0b99;color:#b45309}.upgrade-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none;border-radius:8px;box-shadow:0 2px 8px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;max-width:260px;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.upgrade-btn:hover{box-shadow:0 4px 12px #6366f159;transform:translateY(-1px)}.upgrade-btn--active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140}.upgrade-btn--active:hover{box-shadow:0 4px 12px #10b98159}.upgrade-btn--expired{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b40}.upgrade-btn--expired:hover{box-shadow:0 4px 12px #f59e0b59}.upgrade-icon{flex-shrink:0;height:16px;width:16px}.user-dropdown{position:relative}.user-dropdown__trigger{align-items:center;border-radius:24px;cursor:pointer;display:flex;gap:8px;padding:4px 8px 4px 4px;transition:background .2s}.user-dropdown__trigger:hover{background:#0000000a}.user-dropdown__menu{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000d;min-width:180px;opacity:0;padding:6px;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-8px);transition:all .2s ease;visibility:hidden;z-index:1000}.user-dropdown:focus-within .user-dropdown__menu,.user-dropdown:hover .user-dropdown__menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-arrow{color:#94a3b8;height:16px;transition:transform .2s;width:16px}.user-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.dropdown-item:hover{background:#f3f4f6}.dropdown-item--danger{color:#dc2626}.dropdown-item--danger:hover{background:#fef2f2}.dropdown-item-icon{flex-shrink:0;height:18px;width:18px}.dropdown-divider{background:#e5e7eb;height:1px;margin:6px 0}.lang-switcher{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.lang-switcher:hover{border-color:#6366f1;color:#6366f1}.globe-icon{height:16px;width:16px}.login-btn{background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background .2s}.login-btn:hover{background:#1e293b}.user-avatar{border:2px solid #e2e8f0;border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.user-avatar--fallback{align-items:center;background:#eef2ff;color:#4f46e5;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.02em}.user-name{color:#374151;font-size:14px;font-weight:500}.layout-main{box-sizing:border-box;flex:1;margin:24px auto 0;max-width:1400px;padding:0 24px}.layout-footer{background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:auto;padding:48px 24px 24px;position:relative;z-index:5}.footer-container{display:grid;gap:48px;grid-template-columns:1.8fr repeat(4,minmax(0,1fr));margin:0 auto}.footer-brand .footer-logo{align-items:center;display:flex;gap:10px;margin-bottom:12px}.footer-desc{color:#64748b;font-size:14px;line-height:1.6;margin:0;max-width:280px}.footer-section{display:flex;flex-direction:column;gap:12px;position:relative;z-index:6}.footer-section h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.footer-section a{color:#64748b;cursor:pointer;font-size:14px;pointer-events:auto;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#6366f1}.footer-bottom{align-items:center;border-top:1px solid #e2e8f0;display:flex;grid-column:1/-1;justify-content:space-between;padding-top:24px}.footer-copy{color:#94a3b8;font-size:13px;margin:0}.footer-gdpr{color:#94a3b8;font-size:12px;margin:0}@media(max-width:1024px){.header-container,.layout-main{padding:0 16px}.footer-container{gap:32px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.header-container{height:56px;padding:0 12px}.header-nav{display:none}.header-actions{gap:8px}.logo-icon,.logo-text{font-size:16px}.logo-icon{height:32px;width:32px}.upgrade-btn{font-size:13px;max-width:180px;padding:6px 12px}.upgrade-btn .upgrade-icon{height:14px;width:14px}.user-dropdown__trigger{background:#0000000a;border-radius:20px;padding:4px 6px 4px 4px}.user-dropdown__trigger .user-name{display:none}.user-avatar{height:28px;width:28px}.dropdown-arrow{height:14px;margin-left:2px;width:14px}.layout-main{margin:16px auto 0;padding:0 12px}.footer-container{gap:24px;grid-template-columns:1fr;padding:0 16px;text-align:center}.footer-brand .footer-logo{justify-content:center}.footer-desc{margin:0 auto;max-width:none}.footer-section{align-items:center}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.layout-footer{padding:32px 12px 16px}}@media(max-width:480px){.header-logo{gap:6px}.logo-icon{border-radius:8px;height:28px;width:28px}.logo-icon,.logo-text{font-size:14px}.upgrade-btn{border-radius:6px;max-width:140px}.membership-btn,.upgrade-btn{font-size:12px;padding:6px 10px}.login-btn{font-size:12px;padding:6px 12px}.user-avatar{height:26px;width:26px}.footer-links{flex-wrap:wrap;gap:16px;justify-content:center}.footer-links a{font-size:14px}}.no-copy{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--bg:#f6f8ff;--bg-soft:#eef3ff;--text-main:#111827;--text-muted:#64748b;--primary:#635bff;--primary-dark:#4f46e5;--secondary:#06b6d4;--accent:#a855f7;--card:hsla(0,0%,100%,.72);--card-border:rgba(99,91,255,.14);--glass:hsla(0,0%,100%,.58);--success:#10b981;--danger:#ef4444;--ai-gradient:linear-gradient(135deg,#635bff,#4f46e5 48%,#06b6d4);--ai-gradient-soft:linear-gradient(135deg,rgba(99,91,255,.14),rgba(6,182,212,.1));--glass-shadow:0 24px 70px rgba(79,70,229,.13),0 8px 24px rgba(15,23,42,.06);--card-radius:22px;--motion-fast:.18s;--motion-normal:.24s;--motion-slow:.6s;--motion-float:6s;--motion-drift:16s;--ease-out:cubic-bezier(.22,1,.36,1);--ease-out-quint:cubic-bezier(.22,1,.36,1)}html{scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden}.layout-container,body{background:radial-gradient(circle at 15% 10%,rgba(99,91,255,.2),transparent 30%),radial-gradient(circle at 85% 15%,rgba(6,182,212,.18),transparent 28%),radial-gradient(circle at 50% 90%,rgba(168,85,247,.14),transparent 32%),linear-gradient(180deg,#f8faff,#eef3ff)}.layout-container{color:var(--text-main);overflow-x:clip}.layout-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffb8;border-bottom:1px solid rgba(99,91,255,.12);padding:0}.header-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:transparent;border:0;border-radius:0;box-shadow:0 10px 32px #4f46e514;box-sizing:border-box;height:56px;max-width:none;width:100%}.header-logo{color:inherit;text-decoration:none}.header-logo:hover{transform:translateY(-1px)}.header-logo:hover .logo-icon{box-shadow:0 10px 24px #635bff33}.logo-icon{background:#ffffffc7;border:1px solid rgba(99,91,255,.16);box-shadow:0 10px 24px #0f172a14;overflow:hidden}.logo-icon img{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.logo-text{color:#111827;letter-spacing:0}.header-nav{background:#ffffff9e;border:1px solid rgba(99,91,255,.1);border-radius:999px;box-shadow:inset 0 1px #ffffffb3;gap:4px;left:50%;padding:4px;position:absolute;transform:translate(-50%)}.nav-link{border-radius:999px;color:#475569;font-size:14px;line-height:1;min-width:112px;padding:9px 16px;text-align:center;transition:color .2s var(--ease-out-quint),background .2s var(--ease-out-quint),transform .2s var(--ease-out-quint),box-shadow .2s var(--ease-out-quint)}.nav-link:after{display:none}.nav-link:hover{background:#635bff14;color:var(--primary);transform:translateY(-1px)}.nav-link--active{background:#635bff1f;box-shadow:0 8px 18px #635bff1a;color:var(--primary-dark)}.login-btn,.membership-btn,.upgrade-btn{border-radius:12px;min-height:38px;transition:transform var(--motion-normal) var(--ease-out),box-shadow var(--motion-normal) var(--ease-out),border-color var(--motion-normal) var(--ease-out),color var(--motion-normal) var(--ease-out),background var(--motion-normal) var(--ease-out),background-position var(--motion-normal) var(--ease-out);will-change:transform}.login-btn:active,.membership-btn:active,.upgrade-btn:active{transform:scale(.98)}.membership-btn{background:#ffffff9e;border:1px solid rgba(99,91,255,.16);box-shadow:0 8px 18px #0f172a0a;color:#111827}.membership-btn:hover{background:#ffffffdb;border-color:#635bff52;transform:translateY(-1px)}.login-btn{background:#ffffffad;border:1px solid rgba(99,91,255,.16);box-shadow:0 8px 18px #0f172a0a;color:#253047}.login-btn:hover{background:#ffffffeb;border-color:#635bff4d;box-shadow:0 12px 24px #635bff1a;color:var(--primary-dark);transform:translateY(-1px)}.upgrade-btn{background:var(--ai-gradient)!important;background-position:0 50%!important;background-size:180% 180%!important;box-shadow:0 14px 30px #635bff3d}.upgrade-btn:hover{background-position:100% 50%!important;box-shadow:0 18px 36px #635bff52;transform:translateY(-2px)}.header-upgrade-btn{justify-content:center;min-width:104px}.user-dropdown__trigger{background:#ffffff8f;border:1px solid rgba(99,91,255,.12)}.user-dropdown__menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid rgba(99,91,255,.12)}.layout-main{margin:10px auto 0;max-width:none;padding:0;width:100%}.layout-footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8f;border-top:1px solid rgba(99,91,255,.12);box-shadow:0 -18px 60px #635bff0f;margin-top:18px}.footer-container{gap:36px;max-width:1280px;padding-bottom:22px;padding-top:26px}.footer-copy,.footer-desc,.footer-gdpr,.footer-section a,.footer-trust{color:var(--text-muted)}.footer-trust{background:#ffffff94;border:1px solid rgba(99,91,255,.12);border-radius:14px;color:#475569;font-size:13px;line-height:1.55;margin:14px 0 0;max-width:320px;padding:10px 12px}.footer-section h4{color:var(--text-main);font-weight:800}.footer-section a:hover{color:var(--primary)}.footer-bottom{border-top-color:#635bff1f;padding-top:16px}@media(max-width:900px){.layout-header{padding:8px 10px}.header-container{flex-wrap:wrap;gap:8px;height:auto;min-height:56px;padding:8px 12px}.header-nav{display:flex;justify-content:flex-start;order:3;overflow-x:auto;position:static;scrollbar-width:none;transform:none;width:100%}.header-nav::-webkit-scrollbar{display:none}.nav-link{flex:1 0 auto;min-width:-moz-max-content;min-width:max-content}.header-actions{margin-left:auto}.layout-main{margin-top:4px}}@media(max-width:540px){.header-container{border-radius:16px}.header-actions{gap:6px}.header-upgrade-btn,.login-btn,.membership-btn{border-radius:10px;min-height:34px}.membership-btn{max-width:116px}.login-btn{padding-inline:12px}.header-upgrade-btn{min-width:92px;padding-inline:12px}.footer-container{align-items:start;text-align:left}.footer-brand .footer-logo,.footer-section{align-items:flex-start}.footer-desc{margin:0}.footer-trust{max-width:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}