@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap";body{font-family:Rubik,sans-serif}html,body{margin:0;padding:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}*{box-sizing:border-box}:root{--primary-color: #4a90e2;--secondary-color: #1fa588;--background-color: #f5f5f5;--text-color: #333;--border-color: #ddd;--hover-color: #e0e0e0;--active-color: #d0d0d0}a{text-decoration:none;color:var(--primary-color)}a:hover{color:var(--secondary-color)}button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:16px;border-radius:15px;transition:background-color 1s ease;font-weight:700;font-size:x-large}button:hover{background-color:var(--secondary-color)}button:disabled{background-color:var(--hover-color);cursor:not-allowed}input,textarea{border:1px solid var(--border-color);padding:10px;font-size:16px;width:100%;box-sizing:border-box}