:root{--background-color:#f2f2f2;--text-color:#000;--h1-color:#505050;--accent-color-1:#2cfde1;--accent-color-2:#b36fff;--link-color:#5a8fd9;--hover-color:#b36fff;--header-footer-color:#fff;--button-color:#fff;--color-on-color:#fff;--error-color:red;--error-weak-color:#ff000066;--campaign-color:#ff1493;--border-color:#000;--component-color:#505050;--component-weak-color:grey;--component-more-weak-color:#f5f5f5;--gradient:linear-gradient(90deg,#263373,#b252e9);--button-gradient:linear-gradient(90deg,#704be3,#3dcfde);--button-hover-gradient:linear-gradient(90deg,#3dcfde,#2cfde1);--button-disabled-gradient:linear-gradient(90deg,#704be366,#3dcfde66)}body{font-family:Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;margin:0;padding:0}a{color:var(--link-color);text-decoration:none}main{margin:0 auto;min-height:calc(100vh - 140px)}h1{padding-bottom:.5rem}h1,h2{color:var(--h1-color);margin:0}button[type=submit]{background:var(--button-gradient);color:var(--button-color);border:none;padding:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background:var(--button-hover-gradient)}.error{color:var(--error-color);font-size:.875rem;margin-top:.25rem}input{width:100%;padding:.5rem;border:1px solid var(--border-color);color:var(--text-color)}.form-container{max-width:400px;padding:2rem;margin:70px auto 0}form{display:flex;flex-direction:column}form>div{margin-bottom:1rem}label{display:block;margin-bottom:.5rem}