@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{font-family:Inter,sans-serif}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.nav-button{transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.horizontal-nav{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.vertical-nav{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid rgba(255,255,255,.2);padding:20px 12px}.section-fade{opacity:0;transform:translateY(30px);transition:all .6s ease}.section-fade.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.horizontal-nav{bottom:20px;left:20px;right:20px;transform:none}.vertical-nav{inset:auto 20px 20px;transform:none;padding:12px 20px}.vertical-nav .flex{flex-direction:row!important;justify-content:space-around}.vertical-nav .space-y-4{margin-top:0;margin-bottom:0}}