[data-template=template1]{--primary-color:#10b981;--secondary-color:#3b82f6;--accent-color:#f59e0b;--hero-gradient:linear-gradient(135deg,#10b981,#059669);--button-gradient:linear-gradient(135deg,#10b981,#059669);--nav-bg:hsla(0,0%,100%,.95);--nav-shadow:0 1px 3px 0 rgba(0,0,0,.1)}[data-template=template1] .hero-section{background:var(--hero-gradient)}[data-template=template1] .primary-button{background:var(--button-gradient);color:#fff;padding:12px 32px;border-radius:8px;font-weight:600}[data-template=template1] .primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(16,185,129,.3)}[data-template=template2]{--primary-color:#3b82f6;--secondary-color:#8b5cf6;--accent-color:#06b6d4;--hero-gradient:linear-gradient(135deg,#667eea,#764ba2);--button-gradient:linear-gradient(135deg,#667eea,#764ba2);--nav-bg:rgba(15,23,42,.98);--nav-shadow:0 4px 20px rgba(0,0,0,.25);--bg-dark:#0f172a;--text-light:#e2e8f0}[data-template=template2] body{background-color:var(--bg-dark);color:var(--text-light)}[data-template=template2] .hero-section{background:var(--hero-gradient);position:relative;overflow:hidden}[data-template=template2] .hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/vpn-network.svg) 50%/cover;opacity:.1;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}[data-template=template2] .primary-button{background:var(--button-gradient);color:#fff;padding:14px 36px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 30px rgba(102,126,234,.4)}[data-template=template2] .primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(102,126,234,.6)}[data-template=template2] .feature-card{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:1px solid rgba(102,126,234,.3);backdrop-filter:blur(10px)}[data-template=template2] .hero-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(102,126,234,.1) 1px,transparent 0),linear-gradient(90deg,rgba(102,126,234,.1) 1px,transparent 0);background-size:50px 50px;opacity:.5}[data-template=template2] .navbar{background:var(--nav-bg);box-shadow:var(--nav-shadow);backdrop-filter:blur(10px)}[data-template=template2] .navbar a{color:var(--text-light);transition:color .3s}[data-template=template2] .navbar a:hover{color:var(--accent-color)}@media (max-width:768px){[data-template=template2] .primary-button{padding:12px 28px;font-size:14px}}