:root {
    --brand-primary: #7B61FF; /* Более насыщенный фиолетовый для светлой темы */
    --brand-secondary: #00B8A9; /* Более насыщенный бирюзовый */
    --brand-dark: #2D2D3D;
    --brand-bg: #FFFFFF;
    --text-light: #1A1A1A;
    --text-muted: #666666;
    --border-rgb: linear-gradient(90deg, #7B61FF, #00B8A9);
}
body { font-family: 'Inter', sans-serif; background: var(--brand-bg); color: var(--text-light); line-height: 1.6; }

.navbar { background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(20px); border-bottom: 1px solid #E5E7EB; padding: 1rem 0; }
.navbar-brand { font-weight: 900; font-size: 1.8rem; letter-spacing: 1px; color: var(--text-light) !important; }
.navbar-brand span { background: var(--border-rgb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nav-link { font-weight: 500; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; color: rgba(26, 26, 26, 0.7) !important; transition: 0.3s; }
.nav-link:hover, .nav-link.active { color: var(--brand-primary) !important; }

.btn-primary { background: var(--border-rgb); border: none; color: #fff; font-weight: 700; border-radius: 8px; padding: 12px 30px; text-transform: uppercase; transition: 0.3s; }
.btn-primary:hover { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 5px 20px rgba(123, 97, 255, 0.4); }
.btn-outline-primary { border: 2px solid #E5E7EB; color: var(--text-light); border-radius: 8px; text-transform: uppercase; font-weight: 600; }
.btn-outline-primary:hover { border-color: var(--brand-primary); color: var(--brand-primary); background: rgba(123, 97, 255, 0.05); }

.hero {
    background: radial-gradient(circle at top right, rgba(123, 97, 255, 0.1), transparent), radial-gradient(circle at bottom left, rgba(0, 184, 169, 0.08), transparent);
    padding: 12rem 0;
    text-align: center;
    background-color: #F9FAFB;
}
.hero h1 { font-size: 5rem; font-weight: 900; margin-bottom: 1rem; background: var(--border-rgb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero .lead { color: var(--text-light); text-transform: uppercase; letter-spacing: 4px; font-weight: 300; opacity: 0.8; }

.feature-card { background: #ffffff; border: 1px solid #F3F4F6; transition: 0.3s; border-radius: 12px; color: #1a1a1a; overflow: hidden; }
.feature-card:hover { border-color: var(--brand-primary); box-shadow: 0 10px 40px rgba(123, 97, 255, 0.15); transform: translateY(-5px); }
.feature-card .card-title { color: #000; font-weight: 800; }
.feature-card .card-text { color: #444; }
.feature-card .text-muted { color: #666 !important; }

.product-placeholder {
    background: #F9FAFB;
    aspect-ratio: 16/9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-primary);
    font-size: 4rem;
    border-bottom: 1px solid #E5E7EB;
}

.footer { background: #F9FAFB; color: #666666; padding: 6rem 0 3rem; border-top: 1px solid #E5E7EB; }
.footer h5 { color: var(--text-light); font-weight: 700; text-transform: uppercase; margin-bottom: 2rem; }
.footer a { color: #666666; text-decoration: none; transition: 0.3s; }
.footer a:hover { color: var(--brand-primary); }

.fixed-shop-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: var(--border-rgb);
    color: #fff;
    padding: 15px 30px;
    text-decoration: none;
    font-weight: 800;
    text-transform: uppercase;
    z-index: 1000;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(123, 97, 255, 0.3);
}