nav{position:fixed;width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(255,255,255,0.97);border-bottom:1px solid rgba(229,231,235,0.5);backdrop-filter:blur(12px);z-index:100;box-shadow:0 4px 16px rgba(0,0,0,0.05);animation:slideDown 0.6s ease-out;}
@keyframes slideDown{from{transform:translateY(-100%);opacity:0;}to{transform:translateY(0);opacity:1;}}
.logo{font-family:'Barlow Condensed';font-weight:800;font-size:24px;letter-spacing:1px;background:linear-gradient(135deg,var(--white),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all 0.3s ease;}
.logo:hover{transform:scale(1.08);}
.logo span{color:var(--primary);}
.btn{background:linear-gradient(135deg,var(--primary),var(--primary-bright));color:var(--steel);padding:12px 32px;text-decoration:none;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);display:inline-block;letter-spacing:0.5px;animation:fadeInUp 0.8s ease-out;box-shadow:0 4px 16px rgba(99,102,241,0.25);}
.btn:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(99,102,241,0.35);}
.btn:active{transform:translateY(-1px);}
.btn-secondary{border:2px solid var(--primary);color:var(--primary);padding:11px 30px;text-decoration:none;border-radius:8px;transition:all 0.3s ease;display:inline-block;letter-spacing:0.5px;font-weight:700;background:transparent;animation:fadeInUp 0.8s ease-out 0.1s both;}
.btn-secondary:hover{background:var(--primary);color:var(--steel);box-shadow:0 8px 24px rgba(99,102,241,0.3);transform:translateY(-3px);}
.card{background:var(--steel);border:1px solid var(--steel-border);padding:30px;border-radius:12px;transition:all 0.3s ease;animation:scaleIn 0.6s ease-out;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.card:hover{border-color:rgba(99,102,241,0.5);background:linear-gradient(135deg,var(--steel) 0%,rgba(99,102,241,0.02) 100%);box-shadow:0 16px 32px rgba(99,102,241,0.08);transform:translateY(-8px);}

/* Responsive Navigation */
@media(max-width:768px){
  nav{padding:0 4vw;}
  .logo{font-size:20px;letter-spacing:0.5px;}
  .btn{padding:11px 26px;font-size:14px;}
}

@media(max-width:600px){
  nav{height:58px;padding:0 3vw;}
  .logo{font-size:19px;}
  .btn{padding:10px 22px;font-size:13px;border-radius:6px;}
}

@media(max-width:480px){
  nav{height:56px;padding:0 3vw;}
  .logo{font-size:18px;letter-spacing:0px;}
  .logo:hover{transform:scale(1.05);}
  .btn{padding:10px 20px;font-size:12px;padding:9px 18px;}
  .btn:hover{transform:translateY(-2px);}
}

@media(max-width:375px){
  nav{height:54px;}
  .logo{font-size:17px;}
  .btn{padding:9px 16px;font-size:12px;}
}