:root{--color-bg: var(--bg-deep, #08080c);--color-bg-secondary: var(--bg-mid, #0e0e14);--color-bg-card: var(--bg-card, #14141c);--color-bg-glow: var(--bg-glow, #1a1a24);--color-text: var(--text-primary, #fafafa);--color-text-muted: var(--text-muted, #52525b);--color-text-secondary: var(--text-secondary, #a1a1aa);--color-primary: var(--accent-1, #c084fc);--color-primary-light: var(--primary-1, #a855f7);--color-accent: var(--accent-2, #e879f9);--color-accent-2: var(--accent-3, #f0abfc);--gradient-primary: linear-gradient(135deg, var(--primary-1, #a855f7) 0%, var(--accent-1, #c084fc) 100%);--gradient-card: linear-gradient(135deg, var(--bg-card, rgba(168, 85, 247, .1)) 0%, var(--bg-glow, rgba(192, 132, 252, .1)) 100%);--border-radius: 12px;--transition: all .3s ease;--font-heading: var(--font-heading, "Inter", sans-serif);--font-body: var(--font-body, "Inter", sans-serif)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif);background:var(--color-bg);color:var(--color-text);scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}body{min-height:100vh;line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary-light)}img{max-width:100%;height:auto;display:block}button:not([class*=stp-]){cursor:pointer;border:none;background:var(--gradient-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;transition:var(--transition)}button:not([class*=stp-]):hover{transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in srgb,var(--color-primary) 30%,transparent)}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease forwards}.tag{display:inline-block;padding:.25rem .75rem;background:color-mix(in srgb,var(--color-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:20px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary-light)}.stp-theme-picker{--stp-bg: var(--bg-card) !important;--stp-bg-hover: var(--bg-glow) !important;--stp-bg-active: color-mix(in srgb, var(--accent-1) 15%, transparent) !important;--stp-border: var(--bg-glow) !important;--stp-text: var(--text-primary) !important;--stp-text-muted: var(--text-muted) !important;--stp-accent: var(--accent-1) !important;--stp-accent-glow: color-mix(in srgb, var(--accent-1) 30%, transparent) !important}.stp-trigger{background:linear-gradient(135deg,var(--primary-3),var(--accent-1))!important;color:var(--bg-deep)!important;box-shadow:0 4px 20px var(--stp-accent-glow),0 0 40px color-mix(in srgb,var(--accent-1) 10%,transparent)!important}.stp-trigger:hover{box-shadow:0 8px 30px var(--stp-accent-glow),0 0 60px color-mix(in srgb,var(--accent-1) 20%,transparent)!important}.stp-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-card) 95%,transparent),color-mix(in srgb,var(--bg-mid) 90%,transparent))!important;border:1px solid var(--bg-glow)!important;box-shadow:0 20px 60px var(--bg-overlay)!important}.stp-header{border-bottom:1px solid var(--bg-glow)!important}.stp-title{color:var(--text-primary)!important}.stp-close{color:var(--text-muted)!important}.stp-close:hover{background:var(--bg-glow)!important;color:var(--text-primary)!important}.stp-option:hover{background:var(--bg-glow)!important}.stp-option.stp-active{background:color-mix(in srgb,var(--accent-1) 15%,transparent)!important}.stp-name{color:var(--text-primary)!important}.stp-desc{color:var(--text-muted)!important}.stp-check{color:var(--accent-1)!important}.stp-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-1) 50%,transparent)!important}.stp-list::-webkit-scrollbar-thumb:hover{background:var(--accent-1)!important}.brand-switcher .switcher-buttons{background:var(--bg-glow)!important}.brand-switcher .switch-btn{color:var(--text-secondary)!important}.brand-switcher .switch-btn:hover{color:var(--text-primary)!important;background:var(--bg-card)!important}.brand-switcher .switch-btn.active{background:var(--accent-1)!important}.brand-switcher .switch-btn .icon{background:var(--bg-card)!important}@media print{.layout-picker,.stp-theme-picker,.brand-switcher{display:none!important}}