[data-template=template1]{--primary-color:#10b981;--secondary-color:#14b8a6;--accent-color:#f59e0b;--hero-gradient:linear-gradient(135deg,#10b981,#059669);--button-gradient:linear-gradient(135deg,#10b981,#059669);--nav-bg:rgba(255,255,255,0.95);--nav-shadow:0 1px 3px 0 rgb(0 0 0/0.1)}[data-template=template1] .hero-section{background:var(--hero-gradient)}[data-template=template1] .primary-button{background:var(--button-gradient);color:white;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:#10b981;--secondary-color:#14b8a6;--accent-color:#34d399;--hero-gradient:linear-gradient(135deg,#10b981,#004447);--button-gradient:linear-gradient(135deg,#10b981,#004447);--nav-bg:rgba(15,23,42,0.98);--nav-shadow:0 4px 20px rgba(0,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:white;padding:14px 36px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 30px rgba(16,185,129,.4)}[data-template=template2] .primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(16,185,129,.6)}[data-template=template2] .feature-card{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(0,68,71,.1));border:1px solid rgba(16,185,129,.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(16,185,129,.1) 1px,transparent 0),linear-gradient(90deg,rgba(16,185,129,.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}}