@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap);:root{--bg-color:#f9f9f9;--text-color:#000;--card-bg:#fff;--border-color:#ebebeb;--input-border:rgba(0,0,0,0.02);--input-border-focus:rgba(0,0,0,0.18);--button-bg:#04325b;--button-disabled:#e3e3e3;--error-bg:#e74c3c;--spacing-unit:10px;--border-radius:4px;--input-bg:hsla(0,4%,51.4%,0.04);--placeholder-opacity:0.5}@media (prefers-color-scheme:dark){:root{--bg-color:#1a1b26;--text-color:#a9b1d6;--card-bg:#24283b;--border-color:transparent;--input-border:#a9b1d6;--input-border-focus:#a9b1d6;--button-bg:#7aa2f7}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:var(--text-color)}.main{width:100%;max-width:400px;min-height:200px}.box{border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--card-bg)}.maincontent{padding:var(--spacing-unit)}h3{font-size:1.5rem;margin-bottom:var(--spacing-unit);color:var(--text-color)}p{margin:var(--spacing-unit) 0}.title{text-align:center}.input{width:100%;color:var(--text-color);font-size:14px;letter-spacing:1px;background:var(--input-bg);padding:var(--spacing-unit);border:1px solid var(--input-border);border-radius:6px;margin-bottom:15px;transition:border-color .3s ease;outline:none}.input:focus{border-color:var(--input-border-focus)}::-moz-placeholder{color:var(--text-color);opacity:var(--placeholder-opacity)}::placeholder{color:var(--text-color);opacity:var(--placeholder-opacity)}:-ms-input-placeholder{color:var(--text-color);opacity:var(--placeholder-opacity)}::-ms-input-placeholder{color:var(--text-color);opacity:var(--placeholder-opacity)}.submit{cursor:pointer;border-radius:var(--border-radius);color:#fff;background:var(--button-bg);border:0;padding:var(--spacing-unit) 40px;font-size:14px;font-weight:700;transition:opacity .3s ease,background-color .3s ease;box-shadow:0 0 20px 1px rgba(0,0,0,.04)}.submit:disabled{background:var(--button-disabled);cursor:not-allowed;opacity:.7;box-shadow:none}.submit:hover:not(:disabled){opacity:.9}.error{padding:calc(var(--spacing-unit)*0.8);background:var(--error-bg);border-radius:var(--border-radius);color:#fff}@media (max-width:768px){.main{width:95vw;margin:var(--spacing-unit)}.box{border-radius:0}}.home{margin:12px}