:root{--primary-color: #1976d2;--primary-dark: #1565c0;--primary-light: #42a5f5;--secondary-color: #dc004e;--surface-color: rgba(255, 255, 255, .85);--background-color: #f5f5f7;--text-primary: #212121;--text-secondary: #666666;--border-color: rgba(0, 0, 0, .08);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--border-radius: 12px;--transition: all .3s ease;--header-height: 70px;--backdrop-blur: blur(12px);--card-background: rgba(255, 255, 255, .92);--gradient-primary: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(25, 118, 210, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(220, 0, 78, .03) 0%, transparent 50%);--btn-primary-bg: var(--gradient-primary);--btn-primary-color: white;--btn-primary-border: 1px solid rgba(255,255,255,.2);--btn-primary-shadow: var(--shadow-hover);--btn-primary-radius: var(--border-radius);--btn-primary-hover-transform: translateY(-2px);--card-radius: var(--border-radius);--card-padding: 25px;--card-border: 1px solid var(--border-color);--card-shadow: var(--shadow);--card-hover-transform: translateY(-10px);--card-image-height: 220px}[data-theme=blue]{--primary-color: #1976d2;--primary-dark: #1565c0;--primary-light: #42a5f5;--secondary-color: #dc004e;--surface-color: rgba(255, 255, 255, .85);--background-color: #f5f5f7;--text-primary: #212121;--text-secondary: #666666;--gradient-primary: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(25, 118, 210, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(220, 0, 78, .03) 0%, transparent 50%)}[data-theme=green]{--primary-color: #2e7d32;--primary-dark: #1b5e20;--primary-light: #4caf50;--secondary-color: #ff6f00;--surface-color: rgba(255, 255, 255, .85);--background-color: #f1f8e9;--text-primary: #1b5e20;--text-secondary: #4caf50;--gradient-primary: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(46, 125, 50, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 111, 0, .03) 0%, transparent 50%)}[data-theme=purple]{--primary-color: #7b1fa2;--primary-dark: #6a1b9a;--primary-light: #ba68c8;--secondary-color: #ff4081;--surface-color: rgba(255, 255, 255, .85);--background-color: #f3e5f5;--text-primary: #4a148c;--text-secondary: #7b1fa2;--gradient-primary: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(123, 31, 162, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 64, 129, .03) 0%, transparent 50%)}[data-theme=dark]{--primary-color: #bb86fc;--primary-dark: #9c64e6;--primary-light: #d2b9ff;--secondary-color: #03dac6;--surface-color: rgba(30, 30, 30, .9);--background-color: #121212;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: rgba(255, 255, 255, .1);--card-background: rgba(40, 40, 40, .9);--gradient-primary: linear-gradient(135deg, #bb86fc 0%, #9c64e6 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(187, 134, 252, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(3, 218, 198, .03) 0%, transparent 50%)}[data-theme=minimal]{--primary-color: #424242;--primary-dark: #212121;--primary-light: #757575;--secondary-color: #757575;--surface-color: rgba(255, 255, 255, .95);--background-color: #ffffff;--text-primary: #212121;--text-secondary: #757575;--border-color: rgba(0, 0, 0, .06);--card-background: rgba(255, 255, 255, .95);--gradient-primary: linear-gradient(135deg, #424242 0%, #212121 100%);--gradient-background: none}[data-theme=red]{--primary-color: #d32f2f;--primary-dark: #c62828;--primary-light: #ef5350;--secondary-color: #ff9800;--surface-color: rgba(255, 255, 255, .85);--background-color: #ffebee;--text-primary: #b71c1c;--text-secondary: #d32f2f;--gradient-primary: linear-gradient(135deg, #d32f2f 0%, #c62828 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(211, 47, 47, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 152, 0, .03) 0%, transparent 50%)}[data-theme=orange]{--primary-color: #f57c00;--primary-dark: #ef6c00;--primary-light: #ffb74d;--secondary-color: #2196f3;--surface-color: rgba(255, 255, 255, .85);--background-color: #fff3e0;--text-primary: #e65100;--text-secondary: #f57c00;--gradient-primary: linear-gradient(135deg, #f57c00 0%, #ef6c00 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(245, 124, 0, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(33, 150, 243, .03) 0%, transparent 50%)}[data-theme=ocean]{--primary-color: #006064;--primary-dark: #004d40;--primary-light: #26c6da;--secondary-color: #ff8a65;--surface-color: rgba(255, 255, 255, .85);--background-color: #e0f7fa;--text-primary: #006064;--text-secondary: #00838f;--gradient-primary: linear-gradient(135deg, #006064 0%, #004d40 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(0, 96, 100, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 138, 101, .03) 0%, transparent 50%)}[data-theme=rose]{--primary-color: #c2185b;--primary-dark: #ad1457;--primary-light: #f06292;--secondary-color: #7e57c2;--surface-color: rgba(255, 255, 255, .85);--background-color: #fce4ec;--text-primary: #880e4f;--text-secondary: #c2185b;--gradient-primary: linear-gradient(135deg, #c2185b 0%, #ad1457 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(194, 24, 91, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(126, 87, 194, .03) 0%, transparent 50%)}[data-theme=teal]{--primary-color: #00796b;--primary-dark: #004d40;--primary-light: #4db6ac;--secondary-color: #ffb300;--surface-color: rgba(255, 255, 255, .85);--background-color: #e0f2f1;--text-primary: #004d40;--text-secondary: #00796b;--gradient-primary: linear-gradient(135deg, #00796b 0%, #004d40 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(0, 121, 107, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 179, 0, .03) 0%, transparent 50%)}[data-theme=indigo]{--primary-color: #303f9f;--primary-dark: #283593;--primary-light: #7986cb;--secondary-color: #ff5722;--surface-color: rgba(255, 255, 255, .85);--background-color: #e8eaf6;--text-primary: #1a237e;--text-secondary: #303f9f;--gradient-primary: linear-gradient(135deg, #303f9f 0%, #283593 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(48, 63, 159, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 87, 34, .03) 0%, transparent 50%)}[data-theme=amber]{--primary-color: #ff8f00;--primary-dark: #ff6f00;--primary-light: #ffca28;--secondary-color: #00bcd4;--surface-color: rgba(255, 255, 255, .85);--background-color: #fff8e1;--text-primary: #ff6f00;--text-secondary: #ff8f00;--gradient-primary: linear-gradient(135deg, #ff8f00 0%, #ff6f00 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(255, 143, 0, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(0, 188, 212, .03) 0%, transparent 50%)}[data-theme=cyan]{--primary-color: #0097a7;--primary-dark: #00838f;--primary-light: #4dd0e1;--secondary-color: #ff4081;--surface-color: rgba(255, 255, 255, .85);--background-color: #e0f7fa;--text-primary: #006064;--text-secondary: #0097a7;--gradient-primary: linear-gradient(135deg, #0097a7 0%, #00838f 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(0, 151, 167, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 64, 129, .03) 0%, transparent 50%)}[data-theme=sand]{--primary-color: #b08968;--primary-dark: #8c6b4f;--primary-light: #e6ccb2;--secondary-color: #6b8e23;--surface-color: rgba(255, 250, 240, .9);--background-color: #f8f3e9;--text-primary: #4a3b2a;--text-secondary: #7b6a58;--gradient-primary: linear-gradient(135deg, #b08968 0%, #8c6b4f 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(176, 137, 104, .08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(107, 142, 35, .05) 0%, transparent 50%)}[data-theme=graphite]{--primary-color: #455a64;--primary-dark: #1c313a;--primary-light: #78909c;--secondary-color: #ffb74d;--surface-color: rgba(245, 247, 250, .9);--background-color: #eef1f4;--text-primary: #263238;--text-secondary: #546e7a;--gradient-primary: linear-gradient(135deg, #455a64 0%, #1c313a 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(69, 90, 100, .06) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 183, 77, .04) 0%, transparent 50%)}[data-theme=forest]{--primary-color: #1b5e20;--primary-dark: #0b3d0f;--primary-light: #66bb6a;--secondary-color: #ffca28;--surface-color: rgba(244, 250, 245, .9);--background-color: #eef7f0;--text-primary: #1b3a1f;--text-secondary: #3f6b45;--gradient-primary: linear-gradient(135deg, #1b5e20 0%, #0b3d0f 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(27, 94, 32, .06) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 202, 40, .04) 0%, transparent 50%)}[data-theme=sunrise]{--primary-color: #f57c00;--primary-dark: #e65100;--primary-light: #ffb74d;--secondary-color: #ec407a;--surface-color: rgba(255, 251, 247, .9);--background-color: #fff3e6;--text-primary: #5d3a1a;--text-secondary: #a65f2a;--gradient-primary: linear-gradient(135deg, #f57c00 0%, #ec407a 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(245, 124, 0, .08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(236, 64, 122, .05) 0%, transparent 50%)}[data-theme=ice]{--primary-color: #4dd0e1;--primary-dark: #0097a7;--primary-light: #b2ebf2;--secondary-color: #7e57c2;--surface-color: rgba(245, 252, 255, .92);--background-color: #eefbff;--text-primary: #1b3a4b;--text-secondary: #4b6b7a;--gradient-primary: linear-gradient(135deg, #4dd0e1 0%, #7e57c2 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(77, 208, 225, .08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(126, 87, 194, .05) 0%, transparent 50%)}[data-theme=copper]{--primary-color: #b66a3c;--primary-dark: #7a3f1e;--primary-light: #e2a57b;--secondary-color: #4f6d7a;--surface-color: rgba(255, 248, 244, .9);--background-color: #fff1e8;--text-primary: #4a2b1b;--text-secondary: #7b4b33;--gradient-primary: linear-gradient(135deg, #b66a3c 0%, #7a3f1e 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(182, 106, 60, .08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(79, 109, 122, .05) 0%, transparent 50%)}[data-theme=olive]{--primary-color: #6b8e23;--primary-dark: #4f6b1e;--primary-light: #a4c661;--secondary-color: #c49a6c;--surface-color: rgba(248, 251, 242, .92);--background-color: #f3f7ea;--text-primary: #3b4b1f;--text-secondary: #6d7b55;--gradient-primary: linear-gradient(135deg, #6b8e23 0%, #4f6b1e 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(107, 142, 35, .06) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(196, 154, 108, .05) 0%, transparent 50%)}[data-theme=slate]{--primary-color: #546e7a;--primary-dark: #37474f;--primary-light: #90a4ae;--secondary-color: #ff8a65;--surface-color: rgba(245, 247, 250, .92);--background-color: #eef2f5;--text-primary: #263238;--text-secondary: #5f6f79;--gradient-primary: linear-gradient(135deg, #546e7a 0%, #37474f 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(84, 110, 122, .06) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 138, 101, .05) 0%, transparent 50%)}[data-theme=coral]{--primary-color: #ff6f61;--primary-dark: #d64940;--primary-light: #ffb3a7;--secondary-color: #4db6ac;--surface-color: rgba(255, 250, 248, .92);--background-color: #fff1ef;--text-primary: #5b2a27;--text-secondary: #8b5a55;--gradient-primary: linear-gradient(135deg, #ff6f61 0%, #4db6ac 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(255, 111, 97, .08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(77, 182, 172, .05) 0%, transparent 50%)}[data-theme=mocha]{--primary-color: #6f4e37;--primary-dark: #4e3629;--primary-light: #b08968;--secondary-color: #a1887f;--surface-color: rgba(255, 248, 242, .92);--background-color: #f7efe9;--text-primary: #3f2a1f;--text-secondary: #6b5448;--gradient-primary: linear-gradient(135deg, #6f4e37 0%, #4e3629 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(111, 78, 55, .08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(161, 136, 127, .05) 0%, transparent 50%)}[data-theme=sage]{--primary-color: #5f7a61;--primary-dark: #3b5640;--primary-light: #9db59f;--secondary-color: #c9a66b;--surface-color: rgba(246, 250, 246, .92);--background-color: #eff5ef;--text-primary: #2f3e33;--text-secondary: #5f6f62;--gradient-primary: linear-gradient(135deg, #5f7a61 0%, #3b5640 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(95, 122, 97, .07) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(201, 166, 107, .05) 0%, transparent 50%)}[data-theme=lilac]{--primary-color: #7d6aa7;--primary-dark: #5a4b80;--primary-light: #b9a7d9;--secondary-color: #f1b6c1;--surface-color: rgba(248, 246, 252, .92);--background-color: #f1eef8;--text-primary: #3f335e;--text-secondary: #6b5b87;--gradient-primary: linear-gradient(135deg, #7d6aa7 0%, #5a4b80 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(125, 106, 167, .07) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(241, 182, 193, .05) 0%, transparent 50%)}[data-theme=ruby]{--primary-color: #b32649;--primary-dark: #7f1d35;--primary-light: #e76d8a;--secondary-color: #ffb86b;--surface-color: rgba(255, 247, 248, .92);--background-color: #ffeef2;--text-primary: #5a1f2d;--text-secondary: #8b4b5b;--gradient-primary: linear-gradient(135deg, #b32649 0%, #7f1d35 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(179, 38, 73, .08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 184, 107, .05) 0%, transparent 50%)}[data-theme=night]{--primary-color: #4c6ef5;--primary-dark: #2b4fba;--primary-light: #91a7ff;--secondary-color: #ffd43b;--surface-color: rgba(20, 24, 36, .92);--background-color: #0f1320;--text-primary: #f8f9ff;--text-secondary: #b6bfd8;--border-color: rgba(255, 255, 255, .12);--card-background: rgba(26, 30, 44, .92);--gradient-primary: linear-gradient(135deg, #4c6ef5 0%, #2b4fba 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(76, 110, 245, .12) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 212, 59, .06) 0%, transparent 50%)}[data-theme=paper]{--primary-color: #4b5563;--primary-dark: #1f2937;--primary-light: #9ca3af;--secondary-color: #c0843d;--surface-color: rgba(255, 255, 255, .96);--background-color: #f8f7f2;--text-primary: #1f2937;--text-secondary: #6b7280;--gradient-primary: linear-gradient(135deg, #4b5563 0%, #1f2937 100%);--gradient-background: radial-gradient(circle at 20% 50%, rgba(75, 85, 99, .06) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(192, 132, 61, .05) 0%, transparent 50%)}[data-button-style=default]{--btn-primary-bg: var(--gradient-primary);--btn-primary-border: 1px solid rgba(255,255,255,.2);--btn-primary-shadow: var(--shadow-hover);--btn-primary-radius: var(--border-radius);--btn-primary-hover-transform: translateY(-2px)}[data-button-style=modern]{--btn-primary-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--btn-primary-border: none;--btn-primary-shadow: 0 4px 15px rgba(102, 126, 234, .4);--btn-primary-hover-transform: translateY(-3px) scale(1.05)}[data-button-style=minimal]{--btn-primary-bg: transparent;--btn-primary-color: var(--primary-color);--btn-primary-border: 2px solid var(--primary-color);--btn-primary-shadow: none;--btn-primary-hover-transform: translateY(-2px);--btn-primary-hover-bg: var(--primary-color);--btn-primary-hover-color: white}[data-button-style=glass]{--btn-primary-bg: rgba(255, 255, 255, .1);--btn-primary-color: white;--btn-primary-border: 1px solid rgba(255, 255, 255, .2);--btn-primary-shadow: 0 8px 32px rgba(31, 38, 135, .2);--btn-primary-radius: 20px;--btn-primary-hover-transform: translateY(-2px);--btn-primary-hover-bg: rgba(255, 255, 255, .2)}[data-button-style=neon]{--btn-primary-bg: #000;--btn-primary-color: #0ff;--btn-primary-border: 2px solid #0ff;--btn-primary-shadow: 0 0 10px #0ff, 0 0 20px #0ff;--btn-primary-hover-transform: translateY(-2px);--btn-primary-hover-shadow: 0 0 15px #0ff, 0 0 30px #0ff}[data-button-style=gradient-red]{--btn-primary-bg: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);--btn-primary-border: none;--btn-primary-shadow: 0 4px 15px rgba(255, 65, 108, .4);--btn-primary-hover-transform: translateY(-3px)}[data-button-style=gradient-green]{--btn-primary-bg: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);--btn-primary-border: none;--btn-primary-shadow: 0 4px 15px rgba(86, 171, 47, .4);--btn-primary-hover-transform: translateY(-3px)}[data-button-style=gradient-purple]{--btn-primary-bg: linear-gradient(135deg, #8a2387 0%, #e94057 50%, #f27121 100%);--btn-primary-border: none;--btn-primary-shadow: 0 4px 15px rgba(138, 35, 135, .4);--btn-primary-hover-transform: translateY(-3px)}[data-button-style=outline]{--btn-primary-bg: transparent;--btn-primary-color: var(--text-primary);--btn-primary-border: 2px solid var(--text-primary);--btn-primary-shadow: none;--btn-primary-hover-transform: translateY(-2px);--btn-primary-hover-bg: var(--text-primary);--btn-primary-hover-color: var(--background-color)}[data-button-style=rounded]{--btn-primary-bg: var(--gradient-primary);--btn-primary-border: none;--btn-primary-radius: 30px;--btn-primary-shadow: 0 4px 15px rgba(0, 0, 0, .2);--btn-primary-hover-transform: translateY(-3px) rotate(2deg)}[data-button-style="3d"]{--btn-primary-bg: linear-gradient(to bottom, #4a90e2 0%, #2c6cb0 100%);--btn-primary-border: none;--btn-primary-shadow: inset 0 -3px 0 0 #1e4a7a, 0 4px 8px rgba(0, 0, 0, .2);--btn-primary-hover-transform: translateY(-1px);--btn-primary-active-transform: translateY(1px)}[data-card-style=default]{--card-radius: 12px;--card-padding: 25px;--card-border: 1px solid var(--border-color);--card-shadow: var(--shadow);--card-hover-transform: translateY(-10px);--card-image-height: 220px}[data-card-style=rounded]{--card-radius: 24px;--card-padding: 30px;--card-border: 2px solid var(--primary-light);--card-shadow: 0 8px 32px rgba(0, 0, 0, .1);--card-hover-transform: translateY(-12px) rotate(1deg);--card-image-height: 240px}[data-card-style=minimal]{--card-radius: 0;--card-padding: 20px;--card-border: 1px solid var(--border-color);--card-shadow: none;--card-hover-transform: translateY(-5px);--card-image-height: 200px}[data-card-style=glass]{--card-radius: 16px;--card-padding: 25px;--card-border: 1px solid rgba(255, 255, 255, .2);--card-shadow: 0 8px 32px rgba(31, 38, 135, .1);--card-hover-transform: translateY(-8px);--card-image-height: 220px}[data-card-style=modern]{--card-radius: 20px;--card-padding: 30px;--card-border: none;--card-shadow: 0 10px 40px rgba(0, 0, 0, .15);--card-hover-transform: translateY(-15px) scale(1.02);--card-image-height: 250px}[data-card-style=vintage]{--card-radius: 4px;--card-padding: 25px;--card-border: 2px solid #8B4513;--card-shadow: 0 4px 20px rgba(139, 69, 19, .2);--card-hover-transform: translateY(-8px);--card-image-height: 220px}[data-card-style=neon]{--card-radius: 16px;--card-padding: 25px;--card-border: 2px solid var(--primary-color);--card-shadow: 0 0 20px rgba(var(--primary-color-rgb, 25, 118, 210), .3);--card-hover-transform: translateY(-10px);--card-image-height: 220px}[data-card-style=elegant]{--card-radius: 8px;--card-padding: 30px;--card-border: 1px solid rgba(0, 0, 0, .1);--card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--card-hover-transform: translateY(-8px);--card-image-height: 200px}[data-card-style=bold]{--card-radius: 0;--card-padding: 20px;--card-border: 4px solid var(--primary-color);--card-shadow: 0 8px 30px rgba(0, 0, 0, .2);--card-hover-transform: translateY(-12px) rotate(-1deg);--card-image-height: 230px}[data-card-style=soft]{--card-radius: 28px;--card-padding: 25px;--card-border: 1px solid rgba(0, 0, 0, .05);--card-shadow: 0 6px 20px rgba(0, 0, 0, .06);--card-hover-transform: translateY(-8px);--card-image-height: 210px}[data-card-style=geometric]{--card-radius: 0 24px 0 24px;--card-padding: 25px;--card-border: 2px solid var(--secondary-color);--card-shadow: 8px 8px 0 var(--secondary-color);--card-hover-transform: translateY(-8px) translateX(-8px);--card-image-height: 220px}[data-card-style=gradient-border]{--card-radius: 20px;--card-padding: 25px;--card-border: 4px solid transparent;--card-background: linear-gradient(var(--card-background), var(--card-background)) padding-box, linear-gradient(135deg, var(--primary-color), var(--secondary-color)) border-box;--card-shadow: 0 8px 32px rgba(0, 0, 0, .1);--card-hover-transform: translateY(-10px);--card-image-height: 220px}[data-card-style=floating]{--card-radius: 20px;--card-padding: 25px;--card-border: none;--card-shadow: 0 20px 40px rgba(0, 0, 0, .15);--card-hover-transform: translateY(-20px) rotate(2deg);--card-image-height: 240px}[data-card-style=compact]{--card-radius: 8px;--card-padding: 15px;--card-border: 1px solid var(--border-color);--card-shadow: 0 2px 8px rgba(0, 0, 0, .05);--card-hover-transform: translateY(-5px);--card-image-height: 180px}[data-card-style=creative]{--card-radius: 30px 0 30px 0;--card-padding: 30px;--card-border: 3px double var(--primary-color);--card-shadow: 0 10px 30px rgba(0, 0, 0, .1);--card-hover-transform: translateY(-10px) rotate(3deg);--card-image-height: 250px}[data-background-style=default]{--gradient-background: radial-gradient(circle at 20% 50%, rgba(25, 118, 210, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(220, 0, 78, .03) 0%, transparent 50%)}[data-background-style=dots]{--gradient-background: radial-gradient(circle at 10% 20%, rgba(25, 118, 210, .1) 0%, transparent 20%), radial-gradient(circle at 90% 80%, rgba(220, 0, 78, .08) 0%, transparent 20%), radial-gradient(circle at 50% 50%, rgba(25, 118, 210, .05) 0%, transparent 20%);background-size:50px 50px}[data-background-style=lines]{--gradient-background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(25, 118, 210, .05) 10px, rgba(25, 118, 210, .05) 20px), repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(220, 0, 78, .03) 10px, rgba(220, 0, 78, .03) 20px)}[data-background-style=grid]{--gradient-background: linear-gradient(90deg, rgba(0, 0, 0, .03) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, .03) 1px, transparent 1px);background-size:50px 50px}[data-background-style=waves]{--gradient-background: radial-gradient(circle at 0% 50%, rgba(25, 118, 210, .1) 0%, transparent 50%), radial-gradient(circle at 100% 50%, rgba(220, 0, 78, .1) 0%, transparent 50%), linear-gradient(180deg, transparent 30%, var(--background-color) 70%)}[data-background-style=zigzag]{--gradient-background: linear-gradient(135deg, transparent 25%, rgba(25, 118, 210, .05) 25%, rgba(25, 118, 210, .05) 50%, transparent 50%, transparent 75%, rgba(25, 118, 210, .05) 75%);background-size:60px 60px}[data-background-style=circles]{--gradient-background: radial-gradient(circle at 20% 30%, rgba(25, 118, 210, .1) 0%, transparent 30%), radial-gradient(circle at 80% 70%, rgba(220, 0, 78, .1) 0%, transparent 30%), radial-gradient(circle at 40% 90%, rgba(25, 118, 210, .05) 0%, transparent 30%)}[data-background-style=stripes]{--gradient-background: repeating-linear-gradient(90deg, rgba(25, 118, 210, .1) 0%, rgba(25, 118, 210, .1) 5%, transparent 5%, transparent 10%)}[data-background-style=noise]{--gradient-background: linear-gradient(45deg, rgba(0,0,0,.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(0,0,0,.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0,0,0,.1) 75%), linear-gradient(-45deg, transparent 75%, rgba(0,0,0,.1) 75%);background-size:20px 20px}[data-background-style=gradient]{--gradient-background: linear-gradient(135deg, rgba(25, 118, 210, .1) 0%, rgba(220, 0, 78, .1) 100%)}[data-background-style=checkerboard]{--gradient-background: linear-gradient(45deg, rgba(0, 0, 0, .02) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, .02) 75%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, .02) 75%);background-size:40px 40px}[data-background-style=bubbles]{--gradient-background: radial-gradient(circle at 10% 20%, rgba(25, 118, 210, .08) 0%, transparent 40%), radial-gradient(circle at 90% 40%, rgba(220, 0, 78, .06) 0%, transparent 40%), radial-gradient(circle at 50% 80%, rgba(25, 118, 210, .04) 0%, transparent 40%)}[data-background-style=diagonal]{--gradient-background: linear-gradient(45deg, transparent 49.5%, rgba(25, 118, 210, .05) 49.5%, rgba(25, 118, 210, .05) 50.5%, transparent 50.5%);background-size:30px 30px}[data-background-style=hexagons]{--gradient-background: linear-gradient(90deg, rgba(25, 118, 210, .05) 50%, transparent 50%), linear-gradient(60deg, rgba(25, 118, 210, .05) 50%, transparent 50%), linear-gradient(-60deg, rgba(25, 118, 210, .05) 50%, transparent 50%);background-size:60px 34.64px}[data-background-style=triangles]{--gradient-background: linear-gradient(30deg, rgba(0, 0, 0, .02) 50%, transparent 50%), linear-gradient(150deg, rgba(0, 0, 0, .02) 50%, transparent 50%);background-size:40px 40px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--background-color);color:var(--text-primary);transition:var(--transition);min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-background);z-index:-1;pointer-events:none;transition:background .5s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--surface-color);box-shadow:var(--shadow);position:fixed;top:0;width:100%;z-index:1000;height:var(--header-height);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color)}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%;gap:20px}.logo{font-size:24px;font-weight:700;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:7px;white-space:nowrap}nav ul{display:flex;list-style:none;gap:30px}nav a{text-decoration:none;color:var(--text-primary);font-weight:500;padding:8px 16px;border-radius:var(--border-radius);transition:var(--transition);position:relative}nav a:hover,nav a.active{background-color:rgba(var(--primary-color-rgb, 25, 118, 210),.1);color:var(--primary-color)}.header-right{display:flex;align-items:center;gap:15px}.search-container{display:flex;align-items:center;background:var(--card-background);border-radius:25px;padding:8px 16px;border:1px solid var(--border-color);min-width:200px}.search-container input{border:none;background:none;margin-left:8px;width:100%;color:var(--text-primary);font-size:14px}.search-container input:focus{outline:none}.search-container input::placeholder{color:var(--text-secondary)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--card-background);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition)}.theme-toggle:hover{transform:rotate(30deg);background:rgba(var(--primary-color-rgb, 25, 118, 210),.1)}.mobile-menu-btn{display:none}.hero{background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1600566752355-35792bedcfea?ixlib=rb-4.0.3) center/cover;color:#fff;padding:180px 0 100px;margin-top:var(--header-height);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1}.hero>.container{position:relative;z-index:2}.hero h1{font-size:3.5rem;margin-bottom:20px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero p{font-size:1.2rem;max-width:600px;margin:0 auto;opacity:.9}.hero-buttons{display:flex;gap:20px;justify-content:center;margin-top:40px}.btn{padding:14px 32px;border:none;border-radius:var(--btn-primary-radius, var(--border-radius));font-weight:500;cursor:pointer;transition:var(--transition);font-size:16px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.btn-primary{background:var(--btn-primary-bg, var(--gradient-primary));color:var(--btn-primary-color, white);border:var(--btn-primary-border, 1px solid rgba(255,255,255,.2));box-shadow:var(--btn-primary-shadow, var(--shadow-hover))}.btn-primary:hover{transform:var(--btn-primary-hover-transform, translateY(-2px));box-shadow:var(--btn-primary-hover-shadow, var(--btn-primary-shadow, var(--shadow-hover)));background:var(--btn-primary-hover-bg, var(--btn-primary-bg, var(--gradient-primary)));color:var(--btn-primary-hover-color, var(--btn-primary-color, white))}.btn-primary:active{transform:var(--btn-primary-active-transform, scale(.98))}.btn-secondary{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.product-card .btn-primary{background:var(--btn-primary-bg, var(--gradient-primary));color:var(--btn-primary-color, white);border:var(--btn-primary-border, none);box-shadow:var(--btn-primary-shadow, var(--shadow-hover));padding:10px 20px;font-size:14px;width:100%;text-align:center;justify-content:center;min-height:44px;align-items:center}.product-card .btn-primary:hover{transform:var(--btn-primary-hover-transform, translateY(-2px));box-shadow:var(--btn-primary-hover-shadow, var(--btn-primary-shadow, var(--shadow-hover)));background:var(--btn-primary-hover-bg, var(--btn-primary-bg, var(--gradient-primary)));color:var(--btn-primary-hover-color, var(--btn-primary-color, white))}.catalog-section{padding:80px 0}.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px;color:var(--text-primary)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-bottom:60px}.product-card{background:var(--card-background);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:var(--transition);position:relative;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--card-border);display:flex;flex-direction:column;height:100%}.product-card:hover{transform:var(--card-hover-transform);box-shadow:var(--shadow-hover)}.product-image{height:var(--card-image-height);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.1)}.product-content{padding:var(--card-padding);display:flex;flex-direction:column;flex:1}.product-brand{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.product-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px;flex:1}.product-seo{margin:0 0 18px;padding:14px 16px;border-radius:14px;border:1px solid rgba(var(--primary-color-rgb, 25, 118, 210),.15);background:rgba(var(--primary-color-rgb, 25, 118, 210),.06);color:var(--text-secondary);font-size:13px;line-height:1.55}.product-details{display:flex;flex-direction:column;gap:0;margin-top:auto;padding-top:0}.card-button-wrapper{display:flex;justify-content:center}.floating-buttons{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:15px;z-index:1000;align-items:flex-end}.floating-btn{width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-hover);transition:var(--transition);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);opacity:1;transform:translateY(0);visibility:visible}#scrollToTopBtn{opacity:0;transform:translateY(20px);visibility:hidden}#scrollToTopBtn.show{opacity:1;transform:translateY(0);visibility:visible}.floating-btn:hover{transform:scale(1.1);box-shadow:0 8px 25px #0000004d}#scrollToTopBtn{order:1}#callBtn{order:2}#themePickerBtn{order:3}#vizBButton{order:4;background:linear-gradient(135deg,#ff6b6b,#ffa8a8)}#vizKarButton{order:5;background:linear-gradient(135deg,#4caf50,#8bc34a)}#vizBakgButton{order:6;background:linear-gradient(135deg,#2196f3,#03a9f4)}.product-page{padding:120px 20px 80px;max-width:1200px;margin:0 auto}.product-breadcrumbs{margin-bottom:20px}.product-page-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.product-page-image{border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow)}.product-page-image img{width:100%;height:auto;display:block}.product-gallery{margin-top:20px}.product-gallery h3{margin-bottom:12px;color:var(--text-primary)}.product-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.product-gallery-grid img{width:100%;height:110px;object-fit:cover;border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:block}.product-page-details h1{font-size:2.5rem;margin-bottom:20px;color:var(--primary-color)}.product-page-details p{color:var(--text-secondary);line-height:1.6;margin-bottom:30px;font-size:1.1rem}.product-page-details .product-kicker{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.product-page-details .product-subtitle{margin:6px 0 14px;color:var(--text-secondary);font-weight:500}.product-description-card{margin-top:18px;padding:20px 22px;background:var(--card-background);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.product-description-header{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--primary-color);margin-bottom:10px}.product-description-card .product-description{margin:0;color:var(--text-secondary);line-height:1.65}.product-info-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:18px}.product-info-item{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:rgba(var(--primary-color-rgb, 25, 118, 210),.08);border:1px solid rgba(var(--primary-color-rgb, 25, 118, 210),.2)}.product-info-item .material-icons{font-size:22px;color:var(--primary-color);margin-top:2px}.product-info-label{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.product-info-value{display:block;font-weight:600;color:var(--text-primary);margin-top:4px}.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.product-specs{background:var(--card-background);padding:25px;border-radius:var(--card-radius);margin-top:30px;border:var(--card-border);box-shadow:var(--card-shadow)}.product-specs h3{margin-bottom:20px;color:var(--text-primary)}.spec-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color)}.spec-item:last-child{border-bottom:none}.spec-label{font-weight:500;color:var(--text-primary)}.spec-value{color:var(--text-secondary)}.back-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);text-decoration:none;margin-bottom:30px;transition:var(--transition)}.back-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.contact-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-popup.active{opacity:1;visibility:visible}.contact-popup-content{background:var(--card-background);padding:40px;border-radius:var(--card-radius);max-width:500px;width:90%;position:relative;box-shadow:var(--shadow-hover);border:var(--card-border);transform:translateY(20px);transition:transform .3s ease}.contact-popup.active .contact-popup-content{transform:translateY(0)}.contact-popup-close{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.contact-popup-close:hover{background:rgba(var(--primary-color-rgb, 25, 118, 210),.1);color:var(--primary-color)}.contact-popup h2{color:var(--text-primary);margin-bottom:10px;text-align:center}.contact-popup p{color:var(--text-secondary);text-align:center;margin-bottom:30px}.contact-options{display:flex;flex-direction:column;gap:20px;margin-top:30px}.contact-option{display:flex;align-items:center;gap:15px;padding:20px;background:rgba(var(--primary-color-rgb, 25, 118, 210),.05);border-radius:var(--border-radius);text-decoration:none;color:var(--text-primary);transition:var(--transition);border:1px solid transparent}.contact-option:hover{transform:translateY(-3px);border-color:var(--primary-color);box-shadow:var(--shadow);background:rgba(var(--primary-color-rgb, 25, 118, 210),.1)}.contact-option-icon{width:50px;height:50px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.contact-option-content{flex:1}.contact-option-title{font-weight:600;margin-bottom:5px}.contact-option-description{color:var(--text-secondary);font-size:14px}.contact-social{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:30px;border-top:1px solid var(--border-color)}.contact-social a{width:40px;height:40px;border-radius:50%;background:rgba(var(--primary-color-rgb, 25, 118, 210),.1);display:flex;align-items:center;justify-content:center;color:var(--primary-color);text-decoration:none;transition:var(--transition)}.contact-social a:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}.button-styles-picker{position:fixed;bottom:250px;right:30px;background:var(--card-background);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-hover);display:none;grid-template-columns:repeat(5,1fr);gap:10px;z-index:999;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);max-width:300px}.button-styles-picker.show{display:grid}.button-style-option{width:40px;height:40px;border-radius:8px;border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);position:relative}.button-style-option:hover{transform:scale(1.1);border-color:var(--primary-color)}.button-style-option:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:12px;border-radius:4px}.button-style-option[data-button-style=default]:after{background:linear-gradient(135deg,#1976d2,#1565c0)}.button-style-option[data-button-style=modern]:after{background:linear-gradient(135deg,#667eea,#764ba2)}.button-style-option[data-button-style=minimal]:after{background:transparent;border:2px solid #1976d2}.button-style-option[data-button-style=glass]:after{background:#fff3;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button-style-option[data-button-style=neon]:after{background:#000;border:2px solid #0ff;box-shadow:0 0 5px #0ff}.button-style-option[data-button-style=gradient-red]:after{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.button-style-option[data-button-style=gradient-green]:after{background:linear-gradient(135deg,#56ab2f,#a8e063)}.button-style-option[data-button-style=gradient-purple]:after{background:linear-gradient(135deg,#8a2387,#e94057,#f27121)}.button-style-option[data-button-style=outline]:after{background:transparent;border:2px solid #212121}.button-style-option[data-button-style=rounded]:after{background:linear-gradient(135deg,#1976d2,#1565c0);border-radius:20px}.button-style-option[data-button-style="3d"]:after{background:linear-gradient(to bottom,#4a90e2,#2c6cb0);box-shadow:inset 0 -2px #1e4a7a}.card-styles-picker{position:fixed;bottom:320px;right:30px;background:var(--card-background);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-hover);display:none;grid-template-columns:repeat(5,1fr);gap:10px;z-index:998;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);max-width:300px}.card-styles-picker.show{display:grid}.card-style-option{width:40px;height:40px;border-radius:8px;border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);position:relative}.card-style-option:hover{transform:scale(1.1);border-color:var(--primary-color)}.card-style-option:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:20px;border-radius:4px;background:var(--card-background);border:1px solid var(--border-color)}.card-style-option[data-card-style=default]:after{border-radius:6px;box-shadow:0 2px 4px #0000001a}.card-style-option[data-card-style=rounded]:after{border-radius:12px;border:2px solid var(--primary-light)}.card-style-option[data-card-style=minimal]:after{border-radius:0;box-shadow:none}.card-style-option[data-card-style=glass]:after{background:#fff3;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-style-option[data-card-style=modern]:after{border-radius:10px;box-shadow:0 4px 8px #0003}.card-style-option[data-card-style=vintage]:after{border:2px solid #8B4513;border-radius:2px}.card-style-option[data-card-style=neon]:after{border:2px solid var(--primary-color);box-shadow:0 0 8px rgba(var(--primary-color-rgb, 25, 118, 210),.5)}.card-style-option[data-card-style=elegant]:after{border-radius:4px;border:1px solid rgba(0,0,0,.2)}.card-style-option[data-card-style=bold]:after{border:4px solid var(--primary-color);border-radius:0}.card-style-option[data-card-style=soft]:after{border-radius:14px;border:1px solid rgba(0,0,0,.1)}.card-style-option[data-card-style=geometric]:after{border-radius:0 12px;border:2px solid var(--secondary-color)}.card-style-option[data-card-style=gradient-border]:after{background:linear-gradient(var(--card-background),var(--card-background)) padding-box,linear-gradient(135deg,var(--primary-color),var(--secondary-color)) border-box;border:3px solid transparent}.card-style-option[data-card-style=floating]:after{border-radius:10px;box-shadow:0 8px 16px #0003}.card-style-option[data-card-style=compact]:after{border-radius:4px;width:25px;height:15px}.card-style-option[data-card-style=creative]:after{border-radius:15px 0;border:2px dashed var(--primary-color)}.background-styles-picker{position:fixed;bottom:390px;right:30px;background:var(--card-background);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-hover);display:none;grid-template-columns:repeat(5,1fr);gap:10px;z-index:997;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);max-width:300px}.background-styles-picker.show{display:grid}.background-style-option{width:40px;height:40px;border-radius:8px;border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);position:relative}.background-style-option:hover{transform:scale(1.1);border-color:var(--primary-color)}.background-style-option:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.background-style-option[data-background-style=default]:after{background:radial-gradient(circle at 20% 50%,rgba(25,118,210,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(220,0,78,.05) 0%,transparent 50%)}.background-style-option[data-background-style=dots]:after{background:radial-gradient(circle at 25% 25%,rgba(25,118,210,.2) 0%,transparent 10%),radial-gradient(circle at 75% 75%,rgba(220,0,78,.2) 0%,transparent 10%);background-size:20px 20px}.background-style-option[data-background-style=lines]:after{background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(25,118,210,.1) 5px,rgba(25,118,210,.1) 10px)}.background-style-option[data-background-style=grid]:after{background:linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px);background-size:20px 20px}.background-style-option[data-background-style=waves]:after{background:radial-gradient(circle at 0% 50%,rgba(25,118,210,.2) 0%,transparent 50%),radial-gradient(circle at 100% 50%,rgba(220,0,78,.2) 0%,transparent 50%)}.background-style-option[data-background-style=zigzag]:after{background:linear-gradient(135deg,transparent 25%,rgba(25,118,210,.2) 25%,rgba(25,118,210,.2) 50%,transparent 50%,transparent 75%,rgba(25,118,210,.2) 75%);background-size:20px 20px}.background-style-option[data-background-style=circles]:after{background:radial-gradient(circle at 30% 30%,rgba(25,118,210,.2) 0%,transparent 30%),radial-gradient(circle at 70% 70%,rgba(220,0,78,.2) 0%,transparent 30%)}.background-style-option[data-background-style=stripes]:after{background:repeating-linear-gradient(90deg,rgba(25,118,210,.2) 0%,rgba(25,118,210,.2) 10%,transparent 10%,transparent 20%)}.background-style-option[data-background-style=noise]:after{background:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.1) 75%);background-size:20px 20px}.background-style-option[data-background-style=gradient]:after{background:linear-gradient(135deg,#1976d233,#dc004e33)}.background-style-option[data-background-style=checkerboard]:after{background:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.1) 75%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.1) 75%);background-size:20px 20px}.background-style-option[data-background-style=bubbles]:after{background:radial-gradient(circle at 20% 30%,rgba(25,118,210,.2) 0%,transparent 20%),radial-gradient(circle at 80% 70%,rgba(220,0,78,.2) 0%,transparent 20%)}.background-style-option[data-background-style=diagonal]:after{background:linear-gradient(45deg,transparent 49%,rgba(25,118,210,.2) 49%,rgba(25,118,210,.2) 51%,transparent 51%);background-size:20px 20px}.background-style-option[data-background-style=hexagons]:after{background:linear-gradient(90deg,rgba(25,118,210,.1) 50%,transparent 50%),linear-gradient(60deg,rgba(25,118,210,.1) 50%,transparent 50%),linear-gradient(-60deg,rgba(25,118,210,.1) 50%,transparent 50%);background-size:30px 17.32px}.background-style-option[data-background-style=triangles]:after{background:linear-gradient(30deg,rgba(0,0,0,.1) 50%,transparent 50%),linear-gradient(150deg,rgba(0,0,0,.1) 50%,transparent 50%);background-size:20px 20px}.theme-picker{position:fixed;bottom:460px;right:30px;background:var(--card-background);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-hover);display:none;grid-template-columns:repeat(6,1fr);gap:10px;z-index:996;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);max-width:350px}.theme-picker.show{display:grid}.theme-option{width:40px;height:40px;border-radius:8px;border:2px solid var(--border-color);cursor:pointer;transition:var(--transition)}.theme-option:hover{transform:scale(1.1);border-color:var(--primary-color)}.theme-option[data-theme=blue]{background:linear-gradient(135deg,#1976d2,#1565c0)}.theme-option[data-theme=green]{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.theme-option[data-theme=purple]{background:linear-gradient(135deg,#7b1fa2,#6a1b9a)}.theme-option[data-theme=dark]{background:linear-gradient(135deg,#121212,#000)}.theme-option[data-theme=minimal]{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:#e0e0e0}.theme-option[data-theme=red]{background:linear-gradient(135deg,#d32f2f,#c62828)}.theme-option[data-theme=orange]{background:linear-gradient(135deg,#f57c00,#ef6c00)}.theme-option[data-theme=ocean]{background:linear-gradient(135deg,#006064,#004d40)}.theme-option[data-theme=rose]{background:linear-gradient(135deg,#c2185b,#ad1457)}.theme-option[data-theme=teal]{background:linear-gradient(135deg,#00796b,#004d40)}.theme-option[data-theme=indigo]{background:linear-gradient(135deg,#303f9f,#283593)}.theme-option[data-theme=amber]{background:linear-gradient(135deg,#ff8f00,#ff6f00)}.theme-option[data-theme=cyan]{background:linear-gradient(135deg,#0097a7,#00838f)}.theme-option[data-theme=sand]{background:linear-gradient(135deg,#b08968,#8c6b4f)}.theme-option[data-theme=graphite]{background:linear-gradient(135deg,#455a64,#1c313a)}.theme-option[data-theme=forest]{background:linear-gradient(135deg,#1b5e20,#0b3d0f)}.theme-option[data-theme=sunrise]{background:linear-gradient(135deg,#f57c00,#ec407a)}.theme-option[data-theme=ice]{background:linear-gradient(135deg,#4dd0e1,#7e57c2)}.theme-option[data-theme=copper]{background:linear-gradient(135deg,#b66a3c,#7a3f1e)}.theme-option[data-theme=olive]{background:linear-gradient(135deg,#6b8e23,#4f6b1e)}.theme-option[data-theme=slate]{background:linear-gradient(135deg,#546e7a,#37474f)}.theme-option[data-theme=coral]{background:linear-gradient(135deg,#ff6f61,#4db6ac)}.theme-option[data-theme=mocha]{background:linear-gradient(135deg,#6f4e37,#4e3629)}.theme-option[data-theme=sage]{background:linear-gradient(135deg,#5f7a61,#3b5640)}.theme-option[data-theme=lilac]{background:linear-gradient(135deg,#7d6aa7,#5a4b80)}.theme-option[data-theme=ruby]{background:linear-gradient(135deg,#b32649,#7f1d35)}.theme-option[data-theme=night]{background:linear-gradient(135deg,#4c6ef5,#2b4fba)}.theme-option[data-theme=paper]{background:linear-gradient(135deg,#4b5563,#1f2937)}@media(max-width:768px){.mobile-menu-btn{display:block;background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:var(--transition)}nav{display:none;position:absolute;top:var(--header-height);left:0;width:100%;background:var(--surface-color);box-shadow:var(--shadow);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);z-index:1001}nav.active{display:block}nav ul{flex-direction:column;padding:20px;gap:10px}.floating-buttons{bottom:20px;right:20px;gap:10px}.button-styles-picker{bottom:200px;right:20px;grid-template-columns:repeat(5,1fr);max-width:280px}.card-styles-picker{bottom:270px;right:20px;grid-template-columns:repeat(5,1fr);max-width:280px}.background-styles-picker{bottom:340px;right:20px;grid-template-columns:repeat(5,1fr);max-width:280px}.theme-picker{bottom:410px;right:20px;grid-template-columns:repeat(5,1fr);max-width:280px}.product-page-content{grid-template-columns:1fr;gap:40px}.product-actions .btn{width:100%;justify-content:center}.contact-popup-content{padding:30px 20px;width:95%}.brand-hero{padding:30px 0 40px}.brand-breadcrumbs{flex-wrap:wrap}.brand-actions{width:100%}.brand-actions .btn{width:100%;justify-content:center}.brand-models-header{text-align:center}}@media(max-width:480px){.button-styles-picker,.card-styles-picker,.background-styles-picker,.theme-picker{grid-template-columns:repeat(4,1fr);max-width:220px;padding:15px}.button-styles-picker{bottom:180px}.card-styles-picker{bottom:250px}.background-styles-picker{bottom:320px}.theme-picker{bottom:390px}.floating-btn{width:50px;height:50px}.hero h1{font-size:2.5rem}.section-title{font-size:2rem}}.seo-section{padding:60px 0}.seo-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.seo-card{background:var(--card-background);border:var(--card-border);border-radius:var(--card-radius);padding:24px;box-shadow:var(--card-shadow);transition:var(--transition)}.seo-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.seo-card h3{margin-top:0}.seo-longtext{margin-top:32px;margin-bottom:24px;background:var(--card-background);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:28px;line-height:1.7;color:var(--text-secondary)}.seo-longtext p+p{margin-top:16px}.brand-seo{padding:60px 0 80px}.brand-seo .section-title{text-align:left;margin-bottom:20px}.brand-seo .seo-longtext{position:relative;padding-left:34px;background:linear-gradient(120deg,rgba(var(--primary-color-rgb, 25, 118, 210),.08),transparent)}.brand-seo .seo-longtext:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:6px;background:var(--gradient-primary)}.brand-page{min-height:60vh;padding-top:var(--header-height)}.brand-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);padding:16px 0 0}.brand-breadcrumbs a{color:inherit;text-decoration:none;transition:var(--transition)}.brand-breadcrumbs a:hover{color:var(--primary-color)}.brand-hero{padding:40px 0 50px}.brand-hero-content{display:grid;gap:30px;align-items:center;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.brand-hero-text h1{margin-bottom:12px}.brand-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;color:var(--secondary-color);margin-bottom:8px}.brand-meta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px}.brand-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--card-background);border:var(--card-border);color:var(--text-primary);font-size:13px;box-shadow:var(--shadow)}.brand-pill .material-icons{font-size:16px}.brand-actions{display:flex;flex-wrap:wrap;gap:12px}.brand-hero-image{position:relative}.brand-hero-image img{width:100%;border-radius:var(--card-radius);box-shadow:var(--shadow)}.brand-image-badge{position:absolute;bottom:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;box-shadow:var(--shadow);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.brand-image-badge .material-icons{font-size:16px}.brand-models{padding:10px 0 80px}.brand-models-header{margin-bottom:24px}.brand-card,.product-card{text-decoration:none;color:inherit}.product-brand{margin-top:-8px;color:var(--text-secondary)}.not-found{padding:120px 0;text-align:center}.not-found .btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.logo{position:relative;overflow:visible!important;display:inline-flex;align-items:center;gap:8px}.logo-icon{position:relative;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.logo-icon .material-icons{font-size:24px;line-height:1;display:block;color:var(--secondary-color);animation:logo-icon-pulse 6s ease-in-out infinite}.logo-text{position:relative;z-index:1;margin-left:8px}.logo-orbit{position:absolute;width:56px;height:56px;left:50%;top:50%;transform:translate(-50%,-58%);pointer-events:none;z-index:2;border:1px dashed rgba(220,0,78,.35);border-radius:50%;opacity:.9}.logo-dot{position:absolute;width:6px;height:6px;border-radius:999px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0) translate(28px);background:currentColor;box-shadow:0 0 8px currentColor;will-change:transform}.logo-dot-1{color:var(--secondary-color);animation:logo-dot-orbit 6s linear infinite}.logo-dot-2{color:var(--primary-color);animation:logo-dot-orbit 9s linear infinite;animation-delay:-3s}.logo-dot-3{color:var(--primary-light);animation:logo-dot-orbit 12s linear infinite;animation-delay:-8s}@keyframes logo-dot-orbit{0%{transform:translate(-50%,-50%) rotate(0) translate(28px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(28px)}}@keyframes logo-icon-pulse{0%{color:var(--secondary-color)}33%{color:var(--primary-color)}66%{color:var(--primary-light)}to{color:var(--secondary-color)}}@media(prefers-reduced-motion:reduce){.logo-dot,.logo-icon .material-icons{animation:none}}.hero-buttons.hero-buttons-group{margin-top:24px;flex-wrap:wrap;justify-content:center}.hero-service-btn{padding:12px 20px;font-size:14px;min-width:180px;justify-content:center}.hero-service-btn .material-icons{font-size:20px}.service-page{padding:120px 0 80px}.service-breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;margin-bottom:24px}.service-breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.service-breadcrumbs a:hover{color:var(--primary-color)}.service-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;align-items:center;margin-bottom:40px}.service-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--text-secondary);margin-bottom:12px}.service-hero-text h1{font-size:2.6rem;margin-bottom:16px;color:var(--text-primary)}.service-hero-text p{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.service-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.service-hero-image img{width:100%;border-radius:var(--card-radius);box-shadow:var(--shadow);display:block}.service-seo{margin-top:32px}.service-seo h2{margin-bottom:16px}@media(max-width:768px){.hero-service-btn{width:100%}.service-page{padding:110px 0 70px}.service-hero-text h1{font-size:2.2rem}}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--background-color)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:var(--card-background);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px}.admin-uploads{display:grid;gap:8px;padding:12px;border-radius:12px;border:1px dashed var(--border-color);background:#fff9}.admin-path{font-family:Courier New,monospace;font-size:12px;color:var(--text-primary)}.admin-sidebar .btn-secondary{background:var(--card-background);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:none}.admin-sidebar .btn-secondary:hover{background:rgba(var(--primary-color-rgb, 25, 118, 210),.12);color:var(--primary-color)}.admin-brand{font-weight:700;color:var(--primary-color);font-size:18px}.admin-nav{display:flex;flex-direction:column;gap:8px}.admin-nav a{padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--text-primary);font-weight:500;transition:var(--transition)}.admin-nav a.active,.admin-nav a:hover{background:rgba(var(--primary-color-rgb, 25, 118, 210),.12);color:var(--primary-color)}.admin-logout{margin-top:auto;width:100%}.admin-content{padding:40px 32px 60px}.admin-section{background:var(--card-background);border:var(--card-border);border-radius:var(--card-radius);padding:24px;box-shadow:var(--card-shadow)}.admin-section-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.admin-placeholder{padding:24px;border-radius:12px;border:1px dashed var(--border-color);color:var(--text-secondary);background:rgba(var(--primary-color-rgb, 25, 118, 210),.03)}.admin-login{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:40px 20px}.admin-login-card{max-width:420px;width:100%;background:var(--card-background);border:var(--card-border);border-radius:var(--card-radius);padding:28px;box-shadow:var(--card-shadow)}.admin-login-card h1{margin-bottom:10px}.admin-field{display:flex;flex-direction:column;gap:8px;margin:16px 0}.admin-field input{padding:12px 14px;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary)}.admin-error{color:#d32f2f;margin-bottom:12px}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{height:auto;position:relative}}.admin-toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.admin-input{padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);min-width:220px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.admin-list{display:grid;gap:10px}.admin-list-header,.admin-list-row{display:grid;grid-template-columns:1.5fr .7fr .6fr 1fr;gap:12px;align-items:center}.admin-list-header{font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:6px}.admin-list-row{padding:10px 0;border-bottom:1px dashed var(--border-color)}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-form{border:1px solid var(--border-color);border-radius:14px;padding:16px;background:#fff9}.admin-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-checkbox{align-items:center;flex-direction:row;justify-content:space-between}.admin-muted{color:var(--text-secondary);font-size:13px}.admin-section .btn-secondary{background:var(--card-background);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:none}.admin-section .btn-secondary:hover{background:rgba(var(--primary-color-rgb, 25, 118, 210),.1);color:var(--primary-color)}.admin-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.admin-gallery-item{border:1px solid var(--border-color);border-radius:10px;padding:8px;background:#ffffffb3;display:grid;gap:8px;justify-items:center}.admin-gallery-item img{width:100%;height:90px;object-fit:cover;border-radius:8px;display:block}.admin-gallery-remove{padding:6px 10px;font-size:12px}.admin-preview{border-radius:16px;padding:16px;border:1px solid var(--border-color);margin-bottom:20px;background:var(--background-color)}.admin-preview-card{background:var(--card-background);border:var(--card-border);border-radius:var(--card-radius);padding:16px;box-shadow:var(--card-shadow)}.admin-preview-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--text-secondary);display:block;margin-bottom:6px}.admin-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}.product-gallery-thumb{cursor:pointer;transition:var(--transition)}.product-gallery-thumb:hover{transform:scale(1.02)}.product-lightbox{position:fixed;inset:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.product-lightbox img{max-width:92vw;max-height:90vh;border-radius:14px;box-shadow:0 20px 50px #00000059;background:#fff}.product-lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:999px;border:none;cursor:pointer;background:#ffffffe6;color:#111;font-size:24px;line-height:1;box-shadow:0 8px 20px #0003}.product-lightbox-close:hover{transform:scale(1.05)}.btn-circle{width:52px;height:52px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.btn-pulse{position:relative}.btn-pulse:after{content:"";position:absolute;inset:-6px;border-radius:999px;border:2px solid rgba(25,118,210,.45);animation:btn-pulse 1.8s ease-out infinite}@keyframes btn-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.25);opacity:0}}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.catalog-grid.catalog-grid-single{grid-template-columns:minmax(0,360px);justify-content:center}@media(max-width:768px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-brand-grid-mobile="1"] .catalog-grid{grid-template-columns:1fr}body[data-brand-grid-mobile="2"] .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}