:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary-color: #64748b;--accent-color: #f59e0b;--success-color: #10b981;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-accent: #f1f5f9;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--border-radius: 0.5rem;--border-radius-lg: 0.75rem;--transition: all 0.3s cubic-bezier(0.4,0,0.2,1);} body{font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height: 1.6;color: var(--text-primary);background-color: var(--bg-primary);} h1,h2,h3,h4,h5,h6{font-weight: 600;line-height: 1.3;margin-bottom: 1rem;color: var(--text-primary);} h1{font-size: 2.5rem;} h2{font-size: 2rem;} h3{font-size: 1.75rem;} h4{font-size: 1.5rem;} h5{font-size: 1.25rem;} h6{font-size: 1.125rem;} p{margin-bottom: 1rem;color: var(--text-secondary);} .btn{font-weight: 500;border-radius: var(--border-radius);transition: var(--transition);border: none;padding: 0.75rem 1.5rem;font-size: 0.875rem;text-transform: none;letter-spacing: 0.025em;} .btn-primary{background: linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color: white;box-shadow: var(--shadow-sm);} .btn-primary:hover{background: linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);transform: translateY(-1px);box-shadow: var(--shadow-md);} .btn-outline-primary{border: 2px solid var(--primary-color);color: var(--primary-color);background: transparent;} .btn-outline-primary:hover{background: var(--primary-color);color: white;transform: translateY(-1px);} .card{border: 1px solid var(--border-color);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);transition: var(--transition);background: var(--bg-primary);} .card:hover{box-shadow: var(--shadow-lg);transform: translateY(-2px);} .card-header{background: var(--bg-secondary);border-bottom: 1px solid var(--border-color);padding: 1.25rem;} .card-body{padding: 1.5rem;} section{padding: 4rem 0;} section:nth-child(even){background: var(--bg-secondary);} .hero-section{background: linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color: white;padding: 6rem 0;position: relative;overflow: hidden;} .hero-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;opacity: 0.1;} .instructor-card{background: var(--bg-primary);border-radius: var(--border-radius-lg);padding: 2rem;text-align: center;box-shadow: var(--shadow-md);transition: var(--transition);border: 1px solid var(--border-color);} .instructor-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-xl);} .instructor-card img{width: 120px;height: 120px;object-fit: cover;border-radius: 50%;margin-bottom: 1.5rem;border: 4px solid var(--primary-light);transition: var(--transition);} .instructor-card:hover img{transform: scale(1.05);border-color: var(--accent-color);} .instructor-card h5{color: var(--text-primary);font-weight: 600;margin-bottom: 1rem;} .instructor-card p{color: var(--text-secondary);font-size: 0.875rem;line-height: 1.6;} .form-control{border: 2px solid var(--border-color);border-radius: var(--border-radius);padding: 0.75rem 1rem;font-size: 0.875rem;transition: var(--transition);background: var(--bg-primary);} .form-control:focus{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(37,99,235,0.1);outline: none;} .form-label{font-weight: 500;color: var(--text-primary);margin-bottom: 0.5rem;} footer{background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);color: #333;padding: 3rem 0 2rem;border-top: 1px solid #dee2e6;} footer a{color: #495057;text-decoration: none;transition: var(--transition);font-weight: 500;} footer a:hover{color: var(--primary-color);text-decoration: none;} @media (max-width: 768px){footer{padding: 2rem 0 1.5rem;text-align: center;} footer .row{justify-content: center;} footer .col-sm-4{flex: 0 0 auto;width: 50%;margin-bottom: 1rem;} footer .col-sm-4:nth-child(odd){padding-right: 0.5rem;} footer .col-sm-4:nth-child(even){padding-left: 0.5rem;} footer ul li{text-align: center !important;} footer .text-muted{flex-direction: column;gap: 1rem;text-align: center;} footer .text-muted p{margin-bottom: 0;font-size: 0.9rem;} footer .list-inline{justify-content: center;} footer .list-inline-item{margin: 0 0.75rem;} footer .list-inline-item a svg{width: 1.2em;height: 1.2em;} } @media (max-width: 480px){footer .col-sm-4{width: 100%;margin-bottom: 0.5rem;} footer .col-sm-4:nth-child(odd),footer .col-sm-4:nth-child(even){padding-left: 15px;padding-right: 15px;} footer .text-muted p{font-size: 0.8rem;} footer .list-inline-item{margin: 0 0.5rem;} } .social-icons a{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: rgba(73,80,87,0.1);border-radius: 50%;color: #495057;margin: 0 0.5rem;transition: var(--transition);text-decoration: none;} .social-icons a:hover{background: var(--primary-color);transform: translateY(-2px);color: white;} @media (max-width: 768px){section{padding: 2rem 0;} .hero-section{padding: 4rem 0;} h1{font-size: 2rem;} h2{font-size: 1.75rem;} h3{font-size: 1.5rem;} .instructor-card{padding: 1.5rem;margin-bottom: 2rem;} } @keyframes fadeInUp{from{opacity: 0;transform: translateY(30px);} to{opacity: 1;transform: translateY(0);} } .fade-in-up{animation: fadeInUp 0.6s ease-out;} .text-gradient{background: linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} .bg-gradient{background: linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);} .shadow-custom{box-shadow: var(--shadow-lg);} .border-custom{border: 1px solid var(--border-color);} .section-padding{padding: 5rem 0;} .section-padding-sm{padding: 3rem 0;} .mb-section{margin-bottom: 4rem;} .mb-section-sm{margin-bottom: 2rem;} *:focus{outline: 2px solid var(--primary-color);outline-offset: 2px;} button:focus,.btn:focus{outline: 2px solid var(--primary-color);outline-offset: 2px;} html{scroll-behavior: smooth;} @media print{.navbar,.social-icons,footer{display: none !important;} body{font-size: 12pt;line-height: 1.4;} h1,h2,h3,h4,h5,h6{page-break-after: avoid;} }