:root{--primary: #6366f1;--secondary: #8b5cf6;--accent: #f43f5e;--midnight: #020817;--midnight-surface: #06122e}@layer base{::selection{background:#6366f133;color:#4b5563}}*{transition:background-color .3s ease,border-color .3s ease;scroll-behavior:smooth}.font-heading{font-family:Poppins,sans-serif}.font-sans{font-family:Inter,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.bg-grid{background-size:40px 40px;background-image:linear-gradient(to right,rgba(99,102,241,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(99,102,241,.05) 1px,transparent 1px)}.bg-dot{background-image:radial-gradient(rgba(99,102,241,.1) 1px,transparent 1px);background-size:24px 24px}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268712}.mesh-gradient{background-color:#fff;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.03) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.03) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(244,63,94,.03) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(99,102,241,.03) 0px,transparent 50%)}.tech-border{position:relative;border:1px solid rgba(99,102,241,.1)}.tech-border:before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent)}.text-glow{text-shadow:0 0 20px rgba(99,102,241,.2)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}