:root{--color-primary: #6647e0;--gradient-primary: linear-gradient(to top left, #6647e0, #8c47e0);--color-secondary: #4885be;--color-info: #0c88e3;--color-success: #0cbf8e;--color-warning: #f7b924;--color-danger: #f2545b;--color-text: #ffffff;--color-text-muted: #a698c8;--color-bg-1: #150F1D;--color-bg-2: #28203E;--color-bg-3: #342C4C;--color-bg-4: #3D3655}body{background-color:var(--color-bg-1);color:var(--color-text);font-family:Roboto,sans-serif;display:flex;flex-direction:column;margin:0}main{display:flex;flex-direction:row}nav{background-color:var(--color-bg-2)}article{flex-grow:1;padding:1rem}footer{background-color:var(--color-bg-2);padding:1rem}button,.btn{background:var(--gradient-primary);border:none;border-radius:.5rem;color:var(--color-text);cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:all .2s ease-in-out}button.success{background:var(--color-success)}button.warning{background:var(--color-warning)}button.danger{background:var(--color-danger)}icon{all:unset;cursor:pointer;display:inline-block;font-size:1.5rem;color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}.outline{background:none;border:2px solid var(--color-primary);color:var(--color-primary)}input{background-color:var(--color-bg-3);border:none;border-radius:.5rem;color:var(--color-text);font-size:1rem;padding:.5rem 1rem;transition:all .2s ease-in-out}input:focus{outline:1px solid var(--color-primary)}input::placeholder{color:var(--color-text-muted)}input.invalid{outline:1px solid var(--color-danger)}row{display:flex;flex-direction:row;gap:1rem;margin-bottom:1rem}dangerAlert{background-color:var(--color-danger);border-radius:.5rem;color:var(--color-text);padding:1rem;margin-top:1rem}