:root{--color-blue-dart: #5899e5;--color-white: #ffffff;--color-cyan-blue-azure: #4178c0;--color-philippine-gray: #8b8b8b;--color-spanish-gray: #959595;--color-black: #000000;--color-light-silver: #d9d9d9;--color-police-blue: #38526b;--color-baby-blue-eyes: #a6c7f1;--color-blueberry-blue: #3b82f6;--color-celtic-blue: #2b72c3}html,body{height:100%;width:100%;margin:0;scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-size:1.1rem}button{background-color:var(--color-blue-dart);color:var(--color-white);border-radius:4px;border:none;padding:.75em 1.5em;font-size:1.1rem;cursor:pointer;transition:all .3s ease}button:hover{background-color:var(--color-cyan-blue-azure);transform:scale(1.03);box-shadow:0 5px 15px #0003}button:active{transform:scale(.98);box-shadow:0 3px 8px #0003}button:disabled{background-color:var(--color-celtic-blue);color:var(--color-white);cursor:not-allowed;opacity:.7;box-shadow:none}.input-container{display:flex;flex-direction:column;width:100%;gap:.5rem}.input-container label{font-weight:600;color:var(--color-black);font-size:1rem}.input-container input,.input-container textarea{padding:.75rem 1rem;border-radius:.6rem;border:1px solid var(--color-spanish-gray);font-size:1rem;outline:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 3px #0003;transition:box-shadow .3s ease,border .3s ease}.input-container input:focus,.input-container textarea:focus{box-shadow:0 0 0 2px var(--color-blue-dart);border-color:var(--color-blue-dart)}textarea{resize:vertical}@media (max-width: 1024px){button{font-size:1.2rem}}@media (max-width: 480px){button{font-size:.9rem}}