*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0f172a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}html{font-size:62.5%}.main-container{max-width:1200px;margin:0 auto;padding:2rem}.section-form{background-color:#1e293b;padding:3rem;border-radius:1.2rem;margin-bottom:4rem;box-shadow:0 10px 15px -3px #0000001a}form{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}input{padding:1.2rem 1.6rem;width:30rem;border-radius:.8rem;border:2px solid #334155;background-color:#0f172a;color:#fff;font-size:1.6rem;outline:none;transition:border-color .3s ease}input:focus{border-color:#38bdf8}button{padding:1.2rem 2.4rem;border-radius:.8rem;cursor:pointer;border:none;font-weight:700;text-transform:uppercase;font-size:1.4rem;transition:all .3s ease}button[type=submit]{background-color:#38bdf8;color:#0f172a}button:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-container{display:flex;gap:1rem;margin-top:2rem}.btn-edit{background-color:#10b981;color:#fff}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{color:#fff;box-shadow:#a7360d 0 7px 19px}.btn-edit:hover{background-color:#18dc9b;color:hsl(0 0 100%);box-shadow:#09ac73 0 7px 18px}.section-post ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:2.5rem;list-style:none}.section-post li{background-color:#1e293b;padding:2rem;border-radius:1rem;border-left:4px solid #38bdf8;display:flex;flex-direction:column;justify-content:space-between}.card-title{font-size:1.8rem;color:#38bdf8;margin-bottom:1rem}.card-body{font-size:1.5rem;color:#cbd5e1;line-height:1.6}@media screen and (max-width:768px){input{width:100%}form{flex-direction:column}button{width:100%}.section-post ol{grid-template-columns:1fr}}