*{box-sizing:border-box;margin:0;padding:0}body{color:#08060d;background:#fff;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5}#app{text-align:center;box-sizing:border-box;border:1px solid #e5e4e7;border-radius:12px;flex-direction:column;width:900px;max-width:100%;min-height:50vh;margin:2rem auto;padding:2rem;display:flex}h1{margin-bottom:1.5rem;font-size:3rem}form{background:#fff;border:1px solid #e5e4e7;border-radius:12px;gap:.75rem;margin-bottom:2rem;padding:1.5rem;display:grid}input,select{background-color:#fff;border:1px solid #e5e4e7;border-radius:8px;padding:.6rem .7rem;font-size:.95rem;transition:border .2s,box-shadow .2s}input:focus,select:focus{border-color:#08060d;outline:none;box-shadow:0 0 0 2px #07061426}button{color:#fff;cursor:pointer;background:#08060d;border:none;border-radius:8px;margin-top:.5rem;padding:.75rem;font-size:.95rem;font-weight:600;transition:background .2s,transform 50ms}button:hover{background:#605d68}button:active{transform:scale(.98)}#course-list{gap:1rem;display:grid}@media (width>=600px){#course-list{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){#course-list{grid-template-columns:repeat(3,1fr)}}.course-card{background:#fff;border:1px solid #e5e4e7;border-radius:12px;padding:1rem;transition:transform .15s,box-shadow .15s}.course-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000000f}.course-card h3{margin-bottom:.25rem;font-size:1.25rem}.course-card p{margin-bottom:.25rem}.course-card a{color:#08060d;font-size:.95rem;text-decoration:none}.course-card a:hover{text-decoration:underline}.course-card button{height:42px;margin-top:.6rem}.delete{background:#ef4444}.delete:hover{background:#dc2626}