@charset "UTF-8";:root{--bright-blue: #007bff;--vivid-pink: #ff375f;--electric-violet: #7d4cdb;--hot-red: #ff6138;--orange-red: #ff4500;--gray-900: #212529;--gray-700: #495057;--gray-100: #f8f9fa;--btn-bg-color: var(--bright-blue);--btn-text-color: white;font-family:Inter,sans-serif}body,html{height:100%;margin:0;padding:0;font-family:var(--font-family);background:var(--gray-100);color:var(--gray-900);display:flex;justify-content:center;align-items:center}main{padding:2rem;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:500px;margin:20px auto}@media (max-width: 768px){main{width:100%;margin:20px 0;padding:1rem}}@media (max-width: 480px){main{padding:.5rem;margin:10px 0}}label{display:block;font-weight:700;margin-bottom:.5rem}input[type=text]{width:100%;padding:12px 10px;border:2px solid var(--gray-700);border-radius:5px;box-sizing:border-box}button{background-color:var(--btn-bg-color);color:var(--btn-text-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;text-transform:uppercase}button:hover{background-color:var(--vivid-pink)}iframe{width:100%;height:100vh;border:none}.hidden{display:none}.message{padding:20px;color:#fff;border-radius:5px;text-align:center;font-size:1.2rem}.error{background-color:var(--hot-red)}.success{background-color:var(--bright-blue)}.status{margin:20px;padding:10px;border-radius:5px;font-size:1.2rem}.success{color:#fff;background-color:#28a745}.failure{color:#fff;background-color:#dc3545}*{box-sizing:border-box;margin:0;padding:0}