.preplaced-bg{background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-size:40px 40px;position:relative}.preplaced-bg:before{content:"";pointer-events:none;background-image:linear-gradient(#3b82f605 1px,#0000 1px),linear-gradient(90deg,#3b82f605 1px,#0000 1px);background-size:120px 120px;position:absolute;inset:0}.preplaced-card{background:linear-gradient(135deg,#ffffffe6 0%,#f8fafce6 100%);border:1px solid #e2e8f0;border-radius:.75rem;transition:all .3s;box-shadow:0 1px 2px #0000000d}.preplaced-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f61a}.preplaced-btn-primary{color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.preplaced-btn-primary:hover{background:linear-gradient(90deg,#1d4ed8,#1e40af);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.preplaced-btn-secondary{color:#334155;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.preplaced-btn-secondary:hover{color:#1d4ed8;border-color:#93c5fd;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.preplaced-heading{font-family:var(--font-plus-jakarta-sans),sans-serif;color:#0f172a;font-weight:700;line-height:1.25}.preplaced-subheading{font-family:var(--font-plus-jakarta-sans),sans-serif;color:#334155;font-weight:600;line-height:1.625}.preplaced-body{font-family:var(--font-inter),monospace;color:#475569;line-height:1.625}.category-card{text-align:center;cursor:pointer;background:linear-gradient(135deg,#fffffff2 0%,#f8fafcf2 100%);border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s;box-shadow:0 1px 2px #0000000d}.category-card:hover{background:linear-gradient(135deg,#3b82f60d 0%,#0ea5e90d 100%);transform:translateY(-2px);box-shadow:0 10px 25px #3b82f61a}.course-card{cursor:pointer;background:linear-gradient(135deg,#fffffffa 0%,#f8fafcfa 100%);border:1px solid #e2e8f0;border-radius:.75rem;transition:all .3s;overflow:hidden;box-shadow:0 1px 2px #0000000d}.course-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f61a}.course-card:hover .course-image{transform:scale(1.05)}.course-image{transition:transform .3s}.instructor-card{text-align:center;background:linear-gradient(135deg,#fffffff2 0%,#f8fafcf2 100%);border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s;box-shadow:0 1px 2px #0000000d}.instructor-card:hover{background:linear-gradient(135deg,#3b82f608 0%,#0ea5e908 100%);transform:translateY(-2px);box-shadow:0 10px 25px #3b82f61a}