.nav-card{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);border-radius:12px;padding:2rem;margin:2rem 0;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(96,165,250,.2)}.nav-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")repeat;z-index:1}.nav-card-content{position:relative;z-index:2}.nav-card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.nav-card-subtitle{font-size:1rem;margin-bottom:1.5rem;opacity:.9;color:#fff}.nav-quick-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.nav-quick-link{background:rgba(255,255,255,.2);color:#fff !important;text-decoration:none;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;transition:all .3s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.nav-quick-link:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);color:#fff;text-decoration:none}.nav-main-btn{background:#fff;color:#2563eb;text-decoration:none;padding:.8rem 2rem;border-radius:8px;font-weight:600;font-size:1.1rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.12)}.nav-main-btn:hover{background:#f8fafc;color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.18);text-decoration:none}.nav-main-btn::after{content:'→';transition:transform .3s ease}.nav-main-btn:hover::after{transform:translateX(3px)}@media(max-width:768px){.nav-card{padding:1.5rem 1rem;margin:1.5rem 0}.nav-card-title{font-size:1.3rem}.nav-card-subtitle{font-size:.9rem}.nav-quick-links{gap:.5rem}.nav-quick-link{padding:.4rem .8rem;font-size:.8rem}.nav-main-btn{padding:.7rem 1.5rem;font-size:1rem}}