.header{color:white;padding:60px 0;text-align:center;position:relative;overflow:hidden}.header::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"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3}.header-content{position:relative;z-index:1}.header h1{font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.table-section{padding:60px 0;background:#fff}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:2.5rem;color:#8b4513;margin-bottom:15px;font-weight:700}.section-title p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.course-name{color:#333;font-size:14px;line-height:1.4}.status-full{background:#ffebee;border-color:#f44336;color:#c62828}.status-full::after{content:"✕"}.status-unavailable{background:#fafafa;border-color:#999;color:#666}.status-unavailable::after{content:"—"}.cta-section{background:linear-gradient(135deg,#8b4513 0%,#cd853f 100%);color:white;padding:50px 0;text-align:center}.cta-button{background:#fff;color:#8b4513;padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:700;font-size:1.1rem;display:inline-block;margin-top:20px;transition:all .3s ease}.cta-button:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}@media (max-width:768px){.header h1{font-size:2rem}}