:root{--bg: #12081f;--surface: #221436;--surface-border: 1px solid #ffffff15;--surface-2: #2e1b47;--primary: #7c3aed;--primary-hover: #8b5cf6;--accent: #facc15;--accent-hover: #eab308;--text: #f5f3ff;--tag-text: #C4B5FD;--dark-text: #1A1A1A;--text-muted: #b4a8d6;--success: #34d399;--error: #ef4444;--on-accent: #1a1a1a;--placeholder: #757575;--border: rgba(255, 255, 255, .1);--card-border: rgba(255, 255, 255, .06)}*{box-sizing:border-box;margin:0;padding:0}h2{text-align:center}.button.round{padding:5px 20px;border-radius:50px}.button.big{padding:12px 20px;font-weight:600;font-size:16;border-radius:10px;box-sizing:border-box}.button{transition:.2s}.button.accent{background-color:var(--accent);color:var(--on-accent)}.button.accent:hover{background-color:var(--accent-hover)}.simple-accent-text{color:var(--accent)}.super-accent-text{background-color:var(--accent);color:var(--on-accent);padding:3px 10px;box-sizing:border-box;border-radius:30px;font-weight:700}body{font-family:Inter;background:var(--bg);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;height:46px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-block{display:flex;width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-accent:hover:not(:disabled){background:var(--accent-hover)}.btn-preloader{width:32px;height:32px}.link-accent{color:var(--accent);font-weight:600;text-decoration:none;transition:color .2s ease-out}.link-accent:hover{color:var(--accent-hover);text-decoration:underline}.field{margin-bottom:20px}.field-label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:15px}.field-input{width:100%;height:42px;padding:0 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:15px;transition:border-color .2s ease-out}.field-input::placeholder{color:var(--placeholder)}.field-input:focus{outline:none;border-color:var(--primary)}.field-input.error{border-color:var(--error)}.field-error{margin-top:6px;color:var(--error);font-size:14px}.auth-page{position:relative;min-height:100vh;background:var(--bg);color:var(--text)}.auth-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;padding:40px;background:var(--surface);border:1px solid var(--card-border);border-radius:14px}.auth-card--narrow{width:420px}.auth-title{color:var(--text);font-size:28px;text-align:center}.auth-subtitle{margin:8px 0 32px;color:var(--text-muted);font-size:15px;text-align:center}.auth-footer{margin-top:28px;color:var(--text-muted);font-size:15px;text-align:center}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}:root{--header-element-bg: #ffffff18;--header-element-bg-hover: #ffffff28;--header-element-border: 1px solid #ffffff38;--header-bg: linear-gradient(70deg, #7C3AED, #4C1D95)}a{color:var(--text);text-decoration:none}header{position:relative;z-index:1000;height:75px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 50px;background:var(--header-bg);box-shadow:0 4px 20px #0006}header .logo{justify-self:start}header .logo img{height:48px;display:block}header .account{justify-self:end}header menu{display:flex;align-items:center;gap:40px}header menu .menu-item{padding:5px 20px;transition:.2s}header menu .menu-item:hover{transform:translateY(-3px)}header menu .menu-item.active{background-color:var(--header-element-bg);padding:5px 20px;border-radius:40px;border:var(--header-element-border)}header .account{display:flex;align-items:center}header .account .img{width:45px;height:45px;border-radius:45px;background-color:#fff}header .account .name{background-color:var(--header-element-bg);border:var(--header-element-border);height:40px;line-height:38px;padding-left:20px;padding-right:65px;box-sizing:border-box;margin-right:-45px;border-radius:45px;transition:.2s}header .account:hover>.name{background-color:var(--header-element-bg-hover)}header .account .login-button{background-color:var(--header-element-bg);border:var(--header-element-border);transition:.2s;font-size:12px}header .account .login-button:hover{background-color:var(--header-element-bg-hover)}header .account .reg-button{font-size:15px}header .burger{display:none;justify-self:end;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px 8px;background-color:var(--header-element-bg);border:var(--header-element-border);border-radius:12px;cursor:pointer}header .burger span{display:block;height:2px;width:100%;border-radius:2px;background:var(--text);transition:.2s}header .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}header .burger.open span:nth-child(2){opacity:0}header .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;top:75px;left:0;right:0;bottom:0;z-index:999;background:#12081fcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu-inner{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:20px;background:var(--surface);border-bottom:1px solid var(--card-border);box-shadow:0 20px 40px #0006}.mobile-menu-inner .menu-item{padding:12px 18px;border-radius:12px;font-size:16px}.mobile-menu-inner .menu-item.active{background-color:var(--header-element-bg);border:var(--header-element-border)}.mobile-menu-inner .menu-item:hover{transform:none;background-color:var(--header-element-bg-hover)}.mobile-account{display:flex;gap:10px;margin-top:10px}.mobile-account .button{flex:1;text-align:center;background-color:var(--header-element-bg);border:var(--header-element-border);padding:10px 0;font-size:14px}.mobile-account .button.accent{background-color:var(--accent);color:var(--on-accent);border-color:transparent}.mobile-account .button.accent:hover{background-color:var(--accent-hover)}.menu-enter-active,.menu-leave-active{transition:opacity .2s}.menu-enter-from,.menu-leave-to{opacity:0}@media (max-width: 900px){header{padding:0 24px}header menu .menu-item{padding:5px 12px}header menu{gap:16px}}@media (max-width: 768px){header{grid-template-columns:1fr auto;padding:0 16px;height:64px}header menu,header .account{display:none}header .logo img{height:40px}header .burger{display:flex}}.footer[data-v-61d89447]{background:var(--surface);border-top:1px solid var(--card-border)}.footer-inner[data-v-61d89447]{display:flex;align-items:center;justify-content:center;gap:160px;padding:24px 50px}.footer-logo[data-v-61d89447]{display:flex;align-items:center}.footer-logo .footer-logo-text[data-v-61d89447]{display:flex;flex-direction:column;font-size:32px}.footer-logo .footer-logo-text .sub-logo-text[data-v-61d89447]{font-weight:500}.footer-logo .footer-logo-text .main-logo-text[data-v-61d89447]{font-weight:700}.footer-logo img[data-v-61d89447]{height:150px;display:block}.footer-nav[data-v-61d89447]{display:flex;flex-direction:column;gap:10px}.footer-link[data-v-61d89447]{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-link[data-v-61d89447]:hover{color:var(--text)}.footer-bottom[data-v-61d89447]{padding:12px 50px;border-top:1px solid var(--card-border)}.footer-copy[data-v-61d89447]{color:var(--text-muted);font-size:13px}@media (max-width: 1024px){.footer-inner[data-v-61d89447]{gap:80px}}@media (max-width: 768px){.footer-inner[data-v-61d89447]{flex-direction:column;justify-content:center;gap:28px;padding:28px 20px;text-align:center}.footer-logo[data-v-61d89447]{flex-direction:column;gap:8px}.footer-logo img[data-v-61d89447]{height:90px}.footer-logo .footer-logo-text[data-v-61d89447]{font-size:22px}.footer-nav[data-v-61d89447]{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px 20px}.footer-bottom[data-v-61d89447]{padding:12px 20px;text-align:center}}@media (max-width: 480px){.footer-logo img[data-v-61d89447]{height:72px}.footer-nav[data-v-61d89447]{gap:10px 16px}}.banner[data-v-e9384b9e]{position:relative;width:100%;height:400px;background:linear-gradient(135deg,#7c3aed,#5222b5,#11072c);border-bottom-left-radius:32px;border-bottom-right-radius:32px}.banner .content[data-v-e9384b9e]{width:680px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center}.banner .content .title[data-v-e9384b9e]{margin-bottom:10px;font-size:44px;font-weight:800}.banner .content .button[data-v-e9384b9e]{margin-top:30px}section[data-v-e9384b9e]{margin:100px 0}.about-us[data-v-e9384b9e]{display:flex;gap:50px;flex-direction:column;align-items:center}.about-us .content[data-v-e9384b9e]{display:flex;gap:40px;align-items:center;width:900px;font-size:24px;font-weight:500}.catalog[data-v-e9384b9e]{display:flex;flex-direction:column;align-items:center;gap:40px}.catalog .content[data-v-e9384b9e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;max-width:1380px}.catalog .state[data-v-e9384b9e]{color:var(--text-muted);font-size:16px}.card[data-v-e9384b9e]{display:flex;flex-direction:column;min-height:260px;background-color:var(--surface);border:var(--surface-border);border-radius:14px;padding:25px;box-sizing:border-box;transition:.2s}.card[data-v-e9384b9e]:hover{transform:translateY(-4px);border-color:#ffffff30}.card .tags[data-v-e9384b9e]{display:flex;flex-wrap:wrap;gap:5px}.card .tag[data-v-e9384b9e]{background:var(--surface-2);padding:4px 10px;border-radius:50px;font-size:12px;font-weight:600;color:var(--tag-text)}.card .tag.ai-curator[data-v-e9384b9e]{background:linear-gradient(110deg,#7c3aed,#facc15);color:var(--on-accent)}.card .info[data-v-e9384b9e]{margin-top:15px}.card .title[data-v-e9384b9e]{font-size:20px;font-weight:700}.card .description[data-v-e9384b9e]{margin-top:8px;font-size:14px;line-height:1.5;color:var(--text-muted)}.card .bottom[data-v-e9384b9e]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px}.card .price[data-v-e9384b9e]{font-size:20px;font-weight:700;color:var(--accent);white-space:nowrap}.card .more[data-v-e9384b9e]{white-space:nowrap}
