:root{color-scheme:dark;font-family:Inter,sans-serif;background:#050c1f;color:#f4f5f8;--background: #050c1f;--surface: rgba(15, 28, 56, .88);--border: rgba(128, 171, 255, .12);--text-muted: #9bb1d1;--accent: #67b1ff;--shadow: 0 32px 90px rgba(0, 0, 0, .35);--radius: 24px}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(83,147,255,.22),transparent 16%),radial-gradient(circle at 80% 0%,rgba(20,180,255,.12),transparent 18%),radial-gradient(circle at 40% 130%,rgba(120,210,255,.06),transparent 20%),#050c1f;color:#f4f5f8}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 25% 18%,rgba(121,170,255,.08),transparent 16%),linear-gradient(180deg,rgba(80,130,255,.12),transparent 45%)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(72,135,255,.18),transparent 18%),radial-gradient(circle at 80% 0%,rgba(30,190,255,.1),transparent 18%),radial-gradient(circle at 50% 120%,rgba(255,255,255,.05),transparent 22%),#060b1f;color:#f4f5f8}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(95,140,255,.08),transparent 15%),linear-gradient(180deg,rgba(77,107,255,.08),transparent 45%)}img,video{display:block;max-width:100%}button,input,textarea,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.page-shell{flex:1}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#070a10eb;border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1rem 0}.brand-identity{display:inline-flex;align-items:center;gap:1rem}.brand-logo{width:52px;height:52px;border-radius:16px;object-fit:contain;background:#ffffff0d;padding:.4rem}.brand-name{margin:0;font-weight:700;font-size:1.05rem}.brand-tag{margin:0;color:var(--text-muted);font-size:.95rem}.site-nav{display:flex;align-items:center;gap:1.75rem}.site-nav a{color:var(--text-muted);position:relative;font-weight:600;letter-spacing:.02em}.site-nav a.active,.site-nav a:hover{color:#fff}.site-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:3px;border-radius:999px;background:var(--accent)}.menu-toggle{display:none;border:none;background:transparent;gap:4px;flex-direction:column;padding:.5rem}.menu-toggle span{width:22px;height:2px;background:#cbd5e1;border-radius:999px}.site-footer{margin-top:auto;padding:2rem 0;background:#06080df0;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{width:min(1120px,calc(100% - 2rem));margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.footer-brand{margin:0;font-weight:700}.footer-copy{margin:.35rem 0 0;color:var(--text-muted)}.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:999px;background:linear-gradient(135deg,#7f86fffa,#78cffffa);color:#fff;padding:.95rem 1.75rem;font-weight:700;letter-spacing:.01em;box-shadow:0 18px 40px #4f7cff2e;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 22px 45px #4f7cff38}.button--ghost{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#eef5ff}.button--ghost:hover{background:#ffffff1f}.button--wild{background:linear-gradient(135deg,#4c75ff,#60a4ff);color:#fff;box-shadow:0 20px 50px #4c75ff40}.button--wild:hover{transform:translateY(-2px);box-shadow:0 24px 55px #4c75ff52}.section-label{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.8rem;font-weight:700}.hero-section{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;padding:4rem 0 3rem}.hero-copy h1{margin:0;font-size:clamp(3.2rem,5vw,4.5rem);line-height:1.02;max-width:12ch}.hero-lead{margin:1.5rem 0 0;font-size:1.06rem;line-height:1.8;color:#e5e9f2;max-width:46rem}.hero-text{margin:1.5rem 0 0;color:#bfc7d6;line-height:1.85;max-width:44rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.hero-panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:30px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 40px 100px #0000003d;padding:2rem}.hero-panel__badge{display:inline-flex;align-items:center;gap:.65rem;padding:.75rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#c8d0ff;text-transform:uppercase;font-weight:700;font-size:.78rem}.hero-panel__logo{width:24px;height:24px;object-fit:contain}.hero-panel__title{margin:1.5rem 0 .8rem;font-size:1.75rem;line-height:1.2}.hero-panel__subtitle{margin:0;color:#d7dbeb;line-height:1.8}.hero-panel__grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}.hero-panel__item{padding:1rem 1.2rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#e5e9f2}.section{padding:4rem 0}.section--soft{background:#ffffff05}.section-heading{max-width:760px;margin-bottom:2rem}.section-heading h2{margin:.5rem 0 0;font-size:clamp(2rem,3.5vw,3rem);line-height:1.05}.story-card{padding:2rem;border-radius:30px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#d9dee8;line-height:1.85}.community-section{padding-bottom:5rem}.community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.community-card{padding:2rem;border-radius:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px #0000002e;display:flex;flex-direction:column;gap:1rem}.community-card__icon{width:3.5rem;height:3.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;background:#ffffff0f;overflow:hidden}.community-card__icon img{width:60%;height:60%;object-fit:contain;display:block}.community-card--discord .community-card__icon{background:#7289da33}.community-card--tiktok .community-card__icon{background:linear-gradient(135deg,#ffffff1f,#ff00663d)}.community-card--telegram .community-card__icon{background:#08f3}.community-card--email .community-card__icon{background:linear-gradient(135deg,#4c81ff33,#5cb0ff29);color:#e8f5ff}.community-card__icon svg{width:60%;height:60%;color:#f4fbff}.community-card h3{margin:0;font-size:1.2rem}.community-card p{margin:0;color:#c3cbd8;line-height:1.8}.community-card__link{color:var(--accent);font-weight:700;letter-spacing:.01em}.community-card__link:after{content:" →"}.catalog-page{padding:4rem 0 5rem}.catalog-hero{max-width:760px;margin-bottom:2rem}.catalog-hero h1{margin:.75rem 0 0;font-size:clamp(3rem,4vw,4rem);line-height:1.02}.catalog-text{margin-top:1rem;color:#d7dde8;line-height:1.75}.catalog-chips{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.catalog-chip{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#eef5ff;padding:.8rem 1.35rem;border-radius:999px;font-weight:700;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.catalog-chip:hover{background:#ffffff1f}.catalog-chip.active{background:linear-gradient(135deg,#7f86fff5,#78cffffa);box-shadow:0 18px 40px #4f7cff29;color:#fff;border-color:transparent;transform:translateY(-1px)}.catalog-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.product-card{display:flex;flex-direction:column;min-height:100%;gap:1.25rem;padding:1.5rem;border-radius:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.product-card:hover{transform:translateY(-4px);border-color:#7f86ff66;box-shadow:0 40px 90px #0000002e}.product-card__media{position:relative;min-height:280px;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#121722f2,#070a10fa)}.product-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(127,134,255,.12),transparent 16%),radial-gradient(circle at 80% 80%,rgba(58,245,207,.09),transparent 18%);pointer-events:none}.product-media{width:100%;height:100%;object-fit:cover}.product-card__body{display:flex;flex-direction:column;flex:1;gap:1rem}.product-card__actions{margin-top:auto}.product-badge{display:inline-flex;padding:.45rem .95rem;border-radius:999px;background:#7f86ff29;color:#e9f1ff;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.product-card h3{margin:.85rem 0 .35rem;font-size:1.4rem}.product-subtitle{margin:0 0 1rem;color:var(--accent);font-weight:600}.product-card p{margin:0 0 1.5rem;color:#c8d1dd;line-height:1.75}.product-card .button{width:fit-content}.scroll-reveal{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal.reveal-item{transition-duration:.45s}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;gap:2.25rem}.catalog-grid,.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.header-inner{flex-wrap:wrap;padding:1rem .75rem}.site-nav{position:absolute;top:100%;right:1rem;background:#0c1018fa;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1rem;flex-direction:column;width:calc(100vw - 2rem);max-width:320px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.site-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.menu-toggle{display:inline-flex}.site-nav a{padding:.75rem 0}.hero-panel{padding:1.75rem}.catalog-grid,.community-grid{grid-template-columns:1fr}.hero-section{padding:3rem 0 2rem}.section{padding:3rem 0}.site-footer{padding:1.5rem 0}}@media (max-width: 480px){.hero-copy h1{font-size:2.8rem}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}}
