:root{--font-main: "Inter", system-ui, -apple-system, sans-serif;--spacing-container: 1200px;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--bg-main: #f0f4f8;--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #e4ecf5 100%);--bg-card: #ffffff;--primary: #008080;--primary-dim: rgba(0, 128, 128, .15);--secondary: #0f172a;--text-main: #1e293b;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 128, 128, .1);--glow-color: rgba(0, 128, 128, .5)}[data-theme=dark]{--bg-main: #020609;--bg-gradient: radial-gradient(circle at 50% 0%, #0c1a26 0%, #020609 100%);--bg-card: rgba(13, 22, 32, .6);--primary: #00f2ff;--primary-dim: rgba(0, 242, 255, .2);--secondary: #008080;--text-main: #eef2f6;--text-muted: #94a3b8;--glass-bg: rgba(13, 22, 32, .4);--glass-border: rgba(0, 242, 255, .2);--glow-color: var(--primary-dim);--box-shadow-card: 0 8px 32px 0 rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);background-image:var(--bg-gradient, none);color:var(--text-main);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}img{max-width:100%;display:block}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:.8rem 2rem;background:transparent;border:1px solid var(--primary);color:var(--primary);font-weight:600;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;transition:var(--transition-fast);text-transform:uppercase;letter-spacing:1px}.btn:hover{background:var(--primary);color:var(--bg-main);box-shadow:0 0 20px var(--primary-dim)}.btn-primary{background:var(--primary);color:#fff}[data-theme=light] .btn-primary{color:#fff}[data-theme=dark] .btn-primary{color:var(--bg-main)}.btn-primary:hover{background:transparent;color:var(--primary)}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;background:linear-gradient(to right,var(--text-main),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s var(--transition-smooth) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-slide-up{animation:slideInUp .8s var(--transition-smooth) forwards}.animate-slide-left{animation:slideInLeft .8s var(--transition-smooth) forwards}.animate-slide-right{animation:slideInRight .8s var(--transition-smooth) forwards}.animate-zoom-in{animation:zoomIn 1s var(--transition-smooth) forwards}.animate-float{animation:float 6s ease-in-out infinite}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--box-shadow-card, none)}