.app{font-family:Arial,sans-serif;padding:40px;background:linear-gradient(135deg,#e0eafc,#cfdef3);min-height:100vh;color:#1f2a37}.app h1{font-size:32px;margin-bottom:30px;text-align:center;color:#0d3b66}.cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.card{width:220px;padding:20px;background-color:#007bff;border-radius:12px;cursor:pointer;box-shadow:0 6px 16px #00000026;color:#fff;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;display:flex;flex-direction:column;justify-content:space-between}.card h2{font-size:20px;margin-bottom:10px}.card p{font-size:14px;opacity:.95}.card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0003;background-color:#0056b3}.details{margin:40px auto 0;padding:25px;background-color:#fff;border-radius:12px;box-shadow:0 6px 16px #0000001f;max-width:600px;transition:transform .2s ease,box-shadow .2s ease}.details h2{margin-bottom:15px;color:#0d3b66}.details p{font-size:15px;line-height:1.6;color:#333}.list{list-style:none;padding:0;margin:15px 0 0}.list li{padding:8px 0;border-bottom:1px solid #eef1f4}.button{display:block;margin:30px auto 0;padding:12px 20px;border:none;border-radius:8px;background-color:#004ea1;color:#fff;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .25s ease,transform .1s ease}.button:hover{background-color:#003b7a}.button:active{transform:scale(.97)}.cards{justify-content:center}.card{width:100%;max-width:300px}.details{width:90%;padding:20px}