/* S003 Navigation Styles */
.site-nav{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;}
.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px;}
.nav-brand a{color:white;font-size:18px;font-weight:700;text-decoration:none;}
.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:10px;}
.nav-item{margin:0;}
.nav-link{display:flex;align-items:center;gap:6px;color:white;text-decoration:none;padding:8px 16px;border-radius:20px;transition:all 0.3s ease;font-size:14px;}
.nav-link:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px);}
.nav-link.active{background:rgba(255,255,255,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.nav-icon{font-size:16px;}
.nav-actions{display:flex;align-items:center;}
.nav-back{display:flex;align-items:center;gap:4px;color:white;text-decoration:none;padding:6px 12px;border-radius:15px;font-size:13px;transition:all 0.3s ease;}
.nav-back:hover{background:rgba(255,255,255,0.2);}
.back-icon{font-size:14px;}
.mobile .nav-container{padding:0 15px;height:50px;}
.mobile .nav-brand a{font-size:16px;}
.mobile .nav-menu{gap:5px;}
.mobile .nav-link{padding:6px 10px;font-size:12px;}
.mobile .nav-icon{font-size:14px;}
.mobile .nav-back{font-size:11px;padding:4px 8px;}