*{margin:0;padding:0;box-sizing:border-box;transition:all .1s ease}:root{--color-0: #ffffff;--color-10: #eeeeee;--color-20: #dddddd;--color-75: #333333;--color-100: #000000;--color-fluo-0: #00eeee;--color-fluo-100: #eeee00}.dark{--color-0: #000000;--color-10: #191919;--color-20: #393939;--color-75: #cccccc;--color-100: #ffffff;--color-fluo-0: #ff8c00;--color-fluo-100: #ff00ff}*{--bg-color: var(--color-10);--card-bg: var(--color-0);--title-color: var(--color-100);--text-color: var(--color-75);--input-border: var(--color-20);--button-bg: var(--color-10);--button-text: var(--color-75);--a-color: var(--color-75);--a-hover-color: var(--color-100);--fluo-text-bg: linear-gradient(60deg, var(--color-fluo-0), var(--color-fluo-100));--fluo-button-bg: linear-gradient(60deg, var(--color-fluo-0), var(--color-fluo-100));--fluo-button-color: var(--color-0)}body{font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;padding:20px}.link{text-decoration:none;font-weight:500;color:var(--a-color)}.link:hover{color:var(--a-hover-color);text-decoration:underline}h1{margin-bottom:20px;font-size:24px;color:var(--title-color)}hr{color:var(--input-border);background-color:var(--input-border);height:1px;border:none}label{display:block;text-align:left;font-size:16px;color:var(--text-color)}input[type=text],input[type=email],input[type=password]{width:100%;padding:12px;margin:0;border:1px solid var(--input-border);border-radius:5px;font-size:16px;background-color:inherit;color:inherit}input:focus{outline:none}input::placeholder{color:var(--input-border);opacity:1}.button{width:100%;padding:12px;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;background-color:var(--button-bg);color:var(--button-text)}.button:hover{filter:brightness(.95)}.dark .button:hover{filter:brightness(1.5)}.button:active{transform:scale(.98)}.card{background:var(--card-bg);padding:20px 30px;border-radius:10px;box-shadow:0 0 150px #0000001a;width:100%;max-width:400px;text-align:center;display:grid;gap:15px}.dark .card{box-shadow:0 0 150px #ffffff1a}.github-button svg,.google-button svg{padding:0;margin:0 8px 0 0;top:2px;position:relative;width:16px;height:16px;pointer-events:none;fill:var(--button-text)}.fluo-button{filter:saturate(1.2);background:var(--fluo-button-bg);color:var(--fluo-button-color);border:none;background-size:120% 120%}.fluo-button.button:hover{filter:brightness(1.2)}.dark .fluo-button.button:hover{filter:brightness(1.3)}.fluo-text{filter:saturate(1.2);background:var(--fluo-text-bg);-webkit-background-clip:text;color:transparent;background-size:150% 150%;animation:gradientAnimation 4s linear infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}