/* Theme Name: Şeffaf Perde Premium SEO Theme URI: https://www.seffafperde.com Author:
Şeffaf Perde Dijital Version: 1.0.0 Description: Şeffaf Perde ve Branda sistemleri için özel olarak
tasarlanmış, Beyaz, Mavi ve Kırmızı renk konseptli, %100 SEO ve mobil uyumlu kurumsal WordPress
teması. License: GNU General Public License v2 or later Text Domain: seffafperde */
html { scroll-behavior: smooth; } body { background-color: #ffffff; color: #334155; overflow-x:
hidden; font-family: 'Plus Jakarta Sans', sans-serif; }
/* Light Glassmorphism Classes */ .glass-nav { background: rgba(255, 255, 255, 0.95); backdropfilter: blur(24px); -webkit-backdrop-filter: blur(24px); border-bottom: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03); }
.glass-card { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); -webkit-backdropfilter: blur(20px); border: 1px solid rgba(37, 99, 235, 0.1); box-shadow: 0 10px 40px -10px
rgba(0,0,0,0.08); transition: all 0.4s ease; }
/* Dynamic Gradient Text */ .text-gradient-blue { background: linear-gradient(135deg, #1d4ed8 0%,
#3b82f6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip:
text; } .text-gradient-red { background: linear-gradient(135deg, #b91c1c 0%, #ef4444 100%); -
webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
/* Premium Hover Effects */ .premium-hover { transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.premium-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 40px -10px rgba(37, 99,
235, 0.15); border-color: rgba(37, 99, 235, 0.3); background: #ffffff; }
/* Button Gradients */ .btn-blue { background: linear-gradient(135deg, #1d4ed8, #2563eb);
transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); color: white; } .btn-blue:hover
{ background: linear-gradient(135deg, #1e3a8a, #1d4ed8); box-shadow: 0 10px 25px rgba(37, 99,
235, 0.5); transform: translateY(-2px); }
.btn-red { background: linear-gradient(135deg, #b91c1c, #dc2626); transition: all 0.3s ease; boxshadow: 0 4px 15px rgba(220, 38, 38, 0.3); color: white; } .btn-red:hover { background: lineargradient(135deg, #991b1b, #b91c1c); box-shadow: 0 10px 25px rgba(220, 38, 38, 0.5); transform:
translateY(-2px); }
/* Selection */ ::selection { background: #2563eb; color: #fff; }