.themes-page{min-height:100vh;background:radial-gradient(circle at 14% 0,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 34rem),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 28rem),var(--сolor-dark);padding:0 24px 96px}.themes-page .contact-hero,.themes-page .contact-grid,.themes-page .contact-form-card,.themes-page .contact-tips,.themes-page .th-section{width:min(1120px,100%);margin-inline:auto}.contact-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(28px,5vw,64px);align-items:center;padding:58px 0 46px}.contact-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:16px 0;position:relative}.contact-hero-copy:after{content:"";position:absolute;left:0;bottom:-18px;width:min(420px,70%);height:2px;background:linear-gradient(90deg,var(--color-primary),color-mix(in srgb,var(--color-accent) 70%,transparent),transparent);pointer-events:none}.contact-hero-copy>*{position:relative;z-index:1}.contact-hero h1{margin:20px 0 0;max-width:720px;font-size:clamp(44px,6.5vw,76px);line-height:.98;font-weight:950;letter-spacing:0}.contact-hero p{max-width:640px;margin:22px 0 0;color:var(--color-muted);font-size:18px;line-height:1.75}.contact-actions{display:flex;gap:14px;justify-content:flex-start;flex-wrap:wrap;margin-top:30px}.contact-hero-panel{display:grid;gap:12px;padding:8px 0 8px 18px;border-left:1px solid color-mix(in srgb,var(--color-primary) 24%,transparent)}.contact-panel-kicker{color:var(--color-primary);font-size:12px;font-weight:900;text-transform:uppercase}.contact-path{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:12px;align-items:center;padding:12px 0;border:1px solid color-mix(in srgb,var(--color-neutral-600) 20%,transparent);border-width:0 0 1px;background:transparent;color:var(--color-light);text-decoration:none;transition:transform .18s ease,color .18s ease}.contact-path:hover{transform:translate(4px);color:var(--color-primary)}.contact-path-icon,.contact-path-arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--color-primary) 11%,transparent);color:var(--color-primary);font-size:13px;font-weight:950}.contact-path-arrow{justify-self:end;background:transparent;color:var(--color-muted);font-size:20px}.contact-path strong{display:block;font-size:16px;font-weight:900}.contact-path small{display:block;margin-top:2px;color:var(--color-muted);font-size:13px;line-height:1.35}.th-list{display:grid;grid-template-columns:1fr;gap:22px;margin-top:26px}.th-row{display:grid;grid-template-columns:minmax(0,480px) 1fr;border:1px solid color-mix(in srgb,var(--color-light) 12%,transparent);border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--color-light) 3%,transparent);transition:border-color .25s,transform .25s,box-shadow .25s}.th-row:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,transparent);transform:translateY(-2px);box-shadow:0 18px 50px color-mix(in srgb,var(--color-primary) 12%,transparent)}.th-row-shot{position:relative;display:block;min-height:100%;border-right:1px solid color-mix(in srgb,var(--color-light) 8%,transparent)}.th-row-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;display:block}.th-row-shot .th-shot-hint{position:absolute;left:14px;bottom:12px}.th-row-body{display:flex;flex-direction:column;gap:8px;padding:20px 26px 18px;min-width:0}.th-row-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.th-row-head h3{font-size:20px;font-weight:800;font-family:Roboto Mono,monospace;color:var(--color-light);margin-bottom:0}.th-row-head h3 a{color:inherit;text-decoration:none}.th-row-head h3 a:hover{color:var(--color-primary)}.th-row-desc{color:var(--color-muted);font-size:14px;line-height:1.6;max-width:62ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.th-row-feats{display:grid;gap:5px;margin:0;padding:0;list-style:none}.th-row-feats li{position:relative;padding-left:22px;color:var(--color-muted);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.th-row-feats li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:900}.th-row-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--color-light) 12%,transparent)}.th-row-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.th-price-big{font-size:30px;font-weight:900;color:var(--color-light);line-height:1}.th-price-note{font-size:13px;color:var(--color-muted)}.th-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.th-buy{display:inline-flex;align-items:center;gap:8px;background:#22c55e;color:#052e14;font-weight:800;font-size:14px;padding:12px 22px;border-radius:11px;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 8px 26px color-mix(in srgb,#22c55e 30%,transparent);white-space:nowrap}.th-soon{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#f59e0b;border:1px solid color-mix(in srgb,#f59e0b 45%,transparent);border-radius:999px;padding:2px 10px}.th-notify{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid color-mix(in srgb,#f59e0b 55%,transparent);color:#f59e0b;font-weight:800;font-size:14px;padding:12px 22px;border-radius:11px;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}.th-notify:hover{background:color-mix(in srgb,#f59e0b 12%,transparent);transform:translateY(-1px)}.th-gh{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--color-muted);text-decoration:none;padding:10px 6px;transition:color .2s}.th-gh:hover{color:var(--color-light)}.th-buy:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 12px 32px color-mix(in srgb,#22c55e 40%,transparent)}@media(max-width:900px){.th-row{grid-template-columns:1fr}.th-row-shot{aspect-ratio:16 / 9;min-height:0}.th-row-shot img{position:static}.th-row-body{padding:20px}.th-row-cta{flex-direction:column;align-items:stretch}.th-buy{justify-content:center}}.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.contact-card{display:flex;flex-direction:column;gap:16px;min-height:292px;padding:22px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,#fff 8%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 8%,transparent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.contact-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--color-primary) 42%,transparent);box-shadow:0 26px 70px color-mix(in srgb,#000 22%,transparent)}.contact-card.card-aura-primary{--card-aura-bg: linear-gradient( 160deg, color-mix(in srgb, var(--color-primary) 12%, var(--bg-secondary)), color-mix(in srgb, var(--color-accent) 7%, var(--сolor-dark)) )}.contact-card.card-aura-ocean{--card-aura-bg: linear-gradient(160deg, #00101a, #061724)}.contact-card.card-aura-aurora{--card-aura-bg: linear-gradient(160deg, #07111e, #101424)}.contact-card.card-aura-cosmic{--card-aura-bg: linear-gradient(160deg, #100819, #15101f)}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-primary);font-weight:950;font-size:13px}.contact-card h2,.contact-form-copy h2,.contact-tips h2{margin:0;color:var(--color-light);font-size:22px;line-height:1.2;font-weight:900}.contact-card p,.contact-form-copy p,.contact-tips p{margin:10px 0 0;color:var(--color-muted);line-height:1.65;font-size:14px}.contact-card-actions{margin-top:auto;display:grid;gap:10px;align-items:end}.contact-card-actions span{color:var(--color-primary);font-size:13px;font-weight:700;line-height:1.45;word-break:break-word;text-align:center}.th-section{margin-top:56px}.th-section-head h2{font-family:Poppins,sans-serif;font-size:26px;font-weight:800;color:var(--color-light)}.th-section-head p{max-width:70ch;margin:8px 0 22px;color:var(--color-muted);line-height:1.55;font-size:15px}.th-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.th-grid-3{grid-template-columns:repeat(3,1fr)}.th-card{display:flex;flex-direction:column;border:1px solid color-mix(in srgb,#fff 10%,transparent);border-radius:16px;overflow:hidden;background:color-mix(in srgb,#fff 3%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 6%,transparent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.th-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);box-shadow:0 26px 70px color-mix(in srgb,#000 22%,transparent),0 0 44px color-mix(in srgb,var(--color-primary) 16%,transparent)}.th-shot{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid color-mix(in srgb,#fff 8%,transparent)}.th-shot-hint{position:absolute;inset-inline:0;bottom:0;padding:26px 16px 12px;background:linear-gradient(transparent,color-mix(in srgb,#000 72%,transparent));color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;opacity:0;transition:opacity .2s ease}.th-card:hover .th-shot-hint{opacity:1}.th-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.th-card:hover .th-shot img{transform:scale(1.03)}.th-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}.th-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.th-name-row h3{font-size:17px;font-weight:700;font-family:Roboto Mono,monospace;color:var(--color-light)}.th-name-row h3 a{color:inherit;text-decoration:none}.th-name-row h3 a:hover{color:var(--color-primary)}.th-free{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#22c55e;border:1px solid color-mix(in srgb,#22c55e 45%,transparent);border-radius:999px;padding:2px 10px}.th-premium{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,var(--color-primary),var(--color-accent, #c04cff));-webkit-background-clip:text;background-clip:text;color:transparent;border:1px solid color-mix(in srgb,var(--color-primary) 45%,transparent);border-radius:999px;padding:2px 10px}.th-card-premium{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}.th-card-premium:hover{border-color:var(--color-primary);box-shadow:0 18px 50px color-mix(in srgb,var(--color-primary) 18%,transparent)}.th-tabs-wrap{position:sticky;top:74px;z-index:30;display:flex;justify-content:center;margin:40px 0 -6px;pointer-events:none}.th-tabs{pointer-events:auto;position:relative;display:flex;gap:4px;padding:5px;border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-dark, #0b0b12) 72%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0f}.th-tab-glider{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 40%,#c04cff));box-shadow:0 0 22px color-mix(in srgb,var(--color-primary) 55%,transparent);transition:left .45s cubic-bezier(.34,1.56,.64,1),width .45s cubic-bezier(.34,1.56,.64,1);opacity:0}.th-tabs.is-ready .th-tab-glider{opacity:1}.th-tab{position:relative;z-index:1;border:0;background:transparent;color:var(--color-muted);font:inherit;font-size:13px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:9px 22px;border-radius:999px;cursor:pointer;transition:color .25s}.th-tab:hover{color:var(--color-light)}.th-tab.is-active,.th-tab.is-active:hover{color:var(--color-dark, #0b0b12)}.th-section[data-th-cat].is-tab-hidden{display:none}@keyframes thSectionIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.th-section.th-anim-in{animation:thSectionIn .4s cubic-bezier(.2,.7,.3,1) both}@media(max-width:640px){.th-tabs-wrap{position:static}.th-tab{padding:8px 14px;font-size:12px}}.th-tagline{margin-top:4px;font-size:13px;font-weight:600;color:var(--color-primary)}.th-desc{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--color-muted)}.th-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.th-tags span{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,#fff 16%,transparent);color:var(--color-muted)}.th-tags span.is-blue{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.th-tags span.is-green{color:#22c55e;border-color:color-mix(in srgb,#22c55e 45%,transparent);background:color-mix(in srgb,#22c55e 8%,transparent)}.th-tags span.is-red{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.th-actions{display:flex;gap:10px;margin-top:16px}.th-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-accent) 55%,var(--color-primary)));border:0;color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--color-primary) 26%,transparent);transition:transform .18s ease,box-shadow .18s ease}.th-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px color-mix(in srgb,var(--color-primary) 34%,transparent)}.th-pro{margin-top:16px;padding-top:14px;border-top:1px dashed color-mix(in srgb,#fff 16%,transparent);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;line-height:1.5}.th-pro-badge{font-weight:800;white-space:nowrap;color:#fff;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-accent) 55%,var(--color-primary)));border-radius:999px;padding:3px 11px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 8px 20px color-mix(in srgb,var(--color-primary) 24%,transparent)}.th-pro-note{color:var(--color-muted)}.th-pro-note a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.th-badge-ui{background:linear-gradient(135deg,#22c55e,#06b6d4);box-shadow:0 8px 20px color-mix(in srgb,#06b6d4 24%,transparent)}.contact-form-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:26px;align-items:start;margin-top:56px;padding:clamp(22px,4vw,36px);border-radius:28px;border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--color-primary) 24%,transparent),transparent 24rem),radial-gradient(circle at 100% 18%,color-mix(in srgb,var(--color-accent) 18%,transparent),transparent 22rem),linear-gradient(135deg,color-mix(in srgb,var(--color-dark-secondary) 94%,transparent),color-mix(in srgb,var(--сolor-dark) 86%,transparent));box-shadow:0 30px 90px color-mix(in srgb,#000 24%,transparent)}.contact-form-copy{display:grid;gap:16px;padding-top:4px}.contact-form-points{display:grid;gap:10px;margin-top:8px}.contact-form-points span{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-primary) 9%,transparent);color:var(--color-light);font-size:13px;font-weight:800}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;border:1px solid color-mix(in srgb,var(--color-neutral-600) 28%,transparent);border-radius:22px;background:color-mix(in srgb,var(--сolor-dark) 74%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 8%,transparent)}.contact-honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.contact-form label{display:grid;gap:8px;color:var(--color-light);font-size:13px;font-weight:800}.contact-form label.full{grid-column:1 / -1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid color-mix(in srgb,var(--color-neutral-600) 34%,transparent);border-radius:16px;background:color-mix(in srgb,var(--сolor-dark) 78%,transparent);color:var(--color-light);padding:13px 14px;outline:none;font-family:inherit;font-size:14px}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 14%,transparent)}.contact-form button{width:fit-content}.contact-form-status{align-self:center;min-height:24px;margin:0;color:var(--color-muted);font-size:13px;font-weight:700;line-height:1.45}.contact-form-status.is-success{color:var(--color-success)}.contact-form-status.is-error{color:var(--color-warning)}.contact-tips{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;margin-top:18px;padding:clamp(22px,4vw,34px);border-radius:28px}.contact-tip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-tip-grid span{min-height:44px;display:flex;align-items:center;padding:10px 12px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-primary) 8%,transparent);color:var(--color-light);font-size:13px;font-weight:800}@media(max-width:1024px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.contact-hero{grid-template-columns:1fr;padding-top:40px}.th-grid,.th-grid-3,.contact-form-card,.contact-tips{grid-template-columns:1fr}}@media(max-width:560px){.contact-grid,.contact-form{grid-template-columns:1fr}}
