:root{--color-primary: #1976D2;--color-secondary: #4CAF50;--color-background: black;--color-card: #FFFFFF;--color-error: #D32F2F;--color-title: #1B5E20}html,body{margin:0;padding:0;width:100%;height:100%;min-height:100%;background-color:var(--color-background);overflow-x:hidden}.form-container{background:var(--color-card);padding:20px;border-radius:12px;max-width:800px;width:90%;margin-left:auto;margin-right:auto;margin-top:30px;box-shadow:0 4px 15px #0000001a}h2{text-align:center;color:var(--color-primary);margin-top:0}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:var(--color-title);font-weight:500}input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 4px #1976d280}.error{color:var(--color-error);font-size:14px;margin-top:5px}.input-wrapper{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;column-gap:5px;position:relative}input{width:100%;box-sizing:border-box;padding:12px;border-radius:6px;border:1px solid #ccc}.input-wrapper input{padding-right:28px}.ok{color:green}.error-icon{color:red}@media (min-width: 401px) and (max-width: 600px){.form-container{max-width:320px}.input-wrapper{display:flex;flex-direction:column;gap:8px}.button-group{display:flex;gap:5px}}@media (max-width: 400px){.form-container{max-width:280px}.input-wrapper{display:flex;flex-direction:column;gap:8px}}.btn-fill,.btn-clear{padding:4px 8px;font-size:12px;cursor:pointer}.btn-fill{background:#4caf50;color:#fff;border:none;border-radius:4px;width:50px;height:35px}.btn-clear{background:#f44336;color:#fff;border:none;border-radius:4px;width:50px;height:35px}.input-correct{border-color:#2e7d32!important;background-color:#c8e6c9!important}.input-error{border-color:#d32f2f!important;background-color:#ffcdd2!important}.button-group{display:flex;gap:8px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}