.font-serif{font-family:Playfair Display,serif}.bg-gradient-modern{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gradient-nature{background:linear-gradient(135deg,#10b981,#059669,#047857)}.bg-gradient-warm{background:linear-gradient(135deg,#f59e0b,#d97706)}.bg-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .bg-glass{background:#1e293b4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.text-gradient{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-pattern-modern{background-image:radial-gradient(circle at 25px 25px,rgba(16,185,129,.1) 2px,transparent 0),radial-gradient(circle at 75px 75px,rgba(59,130,246,.1) 2px,transparent 0);background-size:100px 100px}.bg-grid-pattern{background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px)}.card-modern{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.dark .card-modern{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}#navbar{transition:all .3s cubic-bezier(.4,0,.2,1)}#navbar.scrolled{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000001a}.dark #navbar.scrolled{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}#navbar.scrolled #navbar-brand{color:#1f2937}.dark #navbar.scrolled #navbar-brand{color:#f9fafb}#navbar.scrolled #navbar-nav a{color:#6b7280}.dark #navbar.scrolled #navbar-nav a{color:#d1d5db}#navbar.scrolled #navbar-nav a:hover,.dark #navbar.scrolled #navbar-nav a:hover{color:#10b981}