*{box-sizing:border-box;margin:0;padding:0}body{color:#f1f5f9;background-color:#445683;background-image:radial-gradient(circle at 50% 20%,#7570b9 0%,#284076 70%);padding:40px 20px;font-family:monospace}.container{max-width:900px;margin:0 auto}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6b3c69b3;border:2px solid #b33aab;border-radius:10px;margin-bottom:12px;padding:22px;box-shadow:0 10px 30px #784d8e80}.card:hover{size:10px;border-color:#e600ff}.header{text-align:center;border-radius:25px}.header h1{color:#fff;text-shadow:0 0 10px #d900ff4d;margin-bottom:8px;font-size:2.8rem;-webkit-text-decoration:none;text-decoration:none}.explenation{color:#d4c4e9;padding-left:30px;padding-right:30px;font-size:1rem}.date{justify-content:center;align-items:center;gap:15px;display:flex}.date label{color:#c78deb;font-size:1.1rem;font-weight:700}#datepicker{color:#000;cursor:pointer;background:#bcacca;border:3px solid #c78deb;border-radius:4px;padding:8px 12px;font-size:1rem}#datepicker:hover{border-color:#ff00f2}.api h1{border-left:4px solid #c78deb;margin-bottom:15px;padding-left:12px;font-size:1.8rem}.api img,.api iframe,.api video{border-radius:8px;width:100%;max-height:100%;margin:15px 0}.api p{color:#d4c4e9;text-align:justify;font-size:1.1rem}