/* Custom Glassmorphism Utilities - Optimized */
.glass-nav{background:rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 24px rgba(0,0,0,.06)}
.glass-card{background:rgba(255,255,255,.6);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}
.glass-card:hover{background:rgba(255,255,255,.75);box-shadow:0 12px 48px rgba(0,0,0,.12);transform:translateY(-4px)}
.app-card{background:rgba(255,255,255,.65);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}
.app-card:hover{background:rgba(255,255,255,.8);box-shadow:0 16px 56px rgba(59,130,246,.15);transform:translateY(-6px) scale(1.02);border-color:rgba(59,130,246,.3)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-radius:.75rem;box-shadow:0 4px 16px rgba(59,130,246,.3);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;min-height:44px}
.btn-primary:hover{box-shadow:0 8px 24px rgba(59,130,246,.4);transform:translateY(-2px)}
.btn-primary:active{transform:translateY(0)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#4b5563;background:rgba(255,255,255,.8);border:1px solid rgba(59,130,246,.2);border-radius:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;min-height:44px}
.btn-secondary:hover{background:rgba(255,255,255,1);border-color:rgba(59,130,246,.4);color:#3b82f6;box-shadow:0 4px 16px rgba(59,130,246,.15);transform:translateY(-2px)}
.hero-glass{background:rgba(255,255,255,.5);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 16px 64px rgba(0,0,0,.1)}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}
.icon-gradient-blue{background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)}
.icon-gradient-cyan{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%)}
.icon-gradient-purple{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}
.icon-gradient-indigo{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}
html{scroll-behavior:smooth}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:rgba(243,244,246,.5)}
::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}
*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:.375rem}
@media (max-width:640px){.hero-title{font-size:2.25rem;line-height:1.2}}
@media (max-width:768px){.app-card{transform:none}.app-card:hover{transform:translateY(-2px) scale(1.01)}.glass-card:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}