:root{--bg-dark: oklch(.1 0 199);--bg: oklch(.15 0 199);--bg-light: oklch(.2 0 199);--text: oklch(.96 0 199);--text-muted: oklch(.76 0 199);--highlight: oklch(.5 0 199);--border: oklch(.4 0 199);--border-muted: oklch(.3 0 199);--primary: oklch(.76 .1 199);--secondary: oklch(.76 .1 19);--danger: oklch(.7 .05 30);--warning: oklch(.7 .05 100);--success: oklch(.7 .05 160);--info: oklch(.7 .05 260);--black-text: oklch(.15 0 199);font:16px ROBOTO,sans-serif}body{margin:0;background-color:var(--bg-dark)}.button{all:unset;padding:8px 16px;border-radius:5px;color:var(--text);cursor:pointer;width:fit-content;margin:8px 0}.button-primary-outline{border:1px solid var(--primary)}.button-primary-outline:hover{border:1px solid var(--secondary)}.button-primary{background-color:var(--primary);color:var(--black-text);border:0px}.button-warning{background-color:var(--danger);color:var(--black-text);border:0px}.disabled-primary-button{background-color:var(--secondary);cursor:not-allowed}p{color:var(--text);margin:0}.page{padding:20px}h1{color:var(--text)}h2{color:var(--text-muted)}.primary-card{background-color:var(--bg);border:1px solid var(--border-muted);border-top:1px solid var(--highlight);border-radius:12px;color:var(--black-text);width:fit-content;padding:10px;min-width:300px;display:flex;flex-direction:column;margin:15px 0}.page-layout{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.form-label{color:var(--text-muted)}.checkbox-container-title{margin-top:15px;color:var(--text-muted)}.checkbox-container{display:flex;flex-direction:row;gap:8px;border:1px solid var(--highlight);padding:10px;border-radius:8px}.subscribe-button{margin-top:15px}.email-input{all:unset;border:1px solid var(--highlight);padding:8px 16px;border-radius:5px;color:var(--text)}.email-error-text{color:var(--danger)}.modal-root{position:absolute;z-index:9999;pointer-events:auto;inset:50px 0 0 50%;transform:translate(-50%);background-color:var(--bg-light);height:min-content;border-radius:15px}.modal-close-container{width:100%;display:flex;flex-direction:row}.modal-close-x{margin:0 0 0 auto;cursor:pointer;color:var(--black-text)}.blur-screen{position:absolute;inset:0;width:100%;height:100%;z-index:1000;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.loading-modal{background-color:var(--warning);border-top:2px solid var(--border-muted);border:2px solid var(--border);padding:10px}.loading-body{display:flex;flex-direction:column;justify-content:center}.loading-text{color:var(--black-text);font-weight:700;margin:0}.loading-body>*{color:var(--black-text)}.error-modal{background-color:var(--danger);border-top:2px solid var(--border-muted);border:2px solid var(--border);padding:10px}.error-body{display:flex;flex-direction:column;justify-content:center}.error-text{color:var(--black-text);font-weight:700;margin:0}.error-body>*{color:var(--black-text)}.success-modal{background-color:var(--success);border-top:2px solid var(--border-muted);border:2px solid var(--border);padding:10px}.success-body{display:flex;flex-direction:column;justify-content:center}.success-text{color:var(--black-text);font-weight:700;margin:0}.success-body>*{color:var(--black-text)}.navbar{width:100%;background-color:var(--bg-light);border-bottom:1px solid var(--border);padding:10px 5px 10px 50px;display:flex;flex-direction:row;gap:20px}