:root{--font-body: "Mona Sans", sans-serif;--font-heading: "Pathway Extreme", sans-serif;--primary-text: 199, 199, 199;--secondary-text: 176, 176, 176;--accent-color: 139, 94, 255;--accent-color-2: 94, 181, 142;--gradient-color-2: 168, 149, 174;--background-base: 8, 8, 8;--error-color: 255, 107, 107;--hover-glow: rgba(36, 199, 126, .9);--footer-text-color: rgba(176, 176, 176, .7);--input-bg: rgba(255, 255, 255, .05);--cta-hover-bg: rgba(94, 181, 142, .15);--text-size-1000: 2.75rem;--text-size-900: 2.4rem;--text-size-800: 2.2rem;--text-size-700: 2rem;--text-size-600: 1.75rem;--text-size-500: 1.4rem;--text-size-400: 1.25rem;--text-size-350: 1.125rem;--text-size-300: 1.125rem;--text-size-200: 1rem;--text-size-100: .875rem}html,body,#root{height:100%}body{margin:0;padding:0;font-family:var(--font-body);color:rgb(var(--primary-text));background-color:rgb(var(--background-base));line-height:1.55;padding-top:4rem}.app-container{display:flex;flex-direction:column;min-height:100dvh}::selection{background-color:rgb(var(--accent-color-2));color:rgb(var(--primary-text));background-color:#23523d;color:#fff}.text-gradient{color:rgb(var(--accent-color-rgb));background:linear-gradient(to right,#8b5eff,#a895ae 61%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent-color{color:rgb(var(--accent-color-2))}.text-policy-important{background-color:rgb(var(--accent-color-2));color:#000;padding-left:.3em;padding-right:.3em}.menu-container{width:100%;position:fixed;top:0;left:0;z-index:10;background:rgb(var(--background-base));height:4rem;box-sizing:border-box;border-bottom:1px solid rgba(var(--primary-text),.2)}.menu{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-family:var(--font-heading);font-weight:500;max-width:1000px;margin:0 auto;padding:0 1em;height:100%}.menu-logo-link{display:flex;align-items:center;transition:transform .2s ease-in-out}.menu-logo-link:hover,.menu-logo-link:focus{transform:scale(1.1);outline:none}.menu-logo{height:40px;width:auto;opacity:.7}.menu-toggle{background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001;display:flex;align-items:center;justify-content:center;transition:transform .2s ease-in-out}.menu-toggle:hover,.menu-toggle:focus{transform:scale(1.1);outline:none}.hamburger-icon{transition:transform .3s ease-in-out}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(var(--accent-color),.3);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.menu-overlay.is-active{opacity:1;pointer-events:auto}.menu-nav{position:fixed;top:0;right:0;width:100%;height:100%;max-width:300px;background-color:rgb(var(--background-base));z-index:1000;display:flex;flex-direction:column;padding:4rem 2rem;box-shadow:-5px 0 15px #0003;clip-path:inset(0 0 0 100%);transition:clip-path .5s cubic-bezier(.34,1.56,.64,1)}.menu-nav.is-open{clip-path:inset(0 0 0 0)}.menu-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer}.menu-nav ul{list-style:none;padding:0;margin:0;font-size:var(--text-size-400);text-align:right}.menu-nav li{margin-bottom:1rem}.menu-nav a{display:block;color:rgb(var(--primary-text));text-decoration:none;transition:color .2s,transform .2s ease-out;padding:.7rem}.menu-nav a:hover,.menu-nav a:focus,.menu-nav a:active{color:rgb(var(--accent-color-2));text-decoration:underline;outline:none;transform:translate(-10px)}.menu-nav a.active-link{background-color:rgba(var(--primary-text),.2);border-radius:5px;border-left:4px solid rgba(var(--primary-text))}.main-content{display:flex;flex-grow:1;justify-content:center;align-items:center;background:#150e27;background:linear-gradient(135deg,#150e27,#07060b)}.content-wrapper{max-width:1000px;padding:2em 1em;display:flex;flex-direction:column;justify-content:center}h1{margin:0 0 1.5em;font-size:var(--text-size-1000);font-weight:700;line-height:1.3;text-shadow:0px 0px 2px rgb(8,8,8)}article h1{margin:0 0 1em;color:rgb(var(--accent-color));background:linear-gradient(to right,#8b5eff,#a895ae 61%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;line-height:1.2}article h2{color:rgb(var(--accent-color-2));line-height:1.2}article a{color:rgb(var(--accent-color-2));text-decoration:none;transition:color .2s ease-out,border-color .2s ease-out;border-bottom:2px solid rgb(var(--accent-color-2));margin-bottom:3px}article a:hover,article a:focus,article a:active{color:rgb(var(--primary-text));text-decoration:none;outline:none;border-bottom:2px solid rgb(var(--primary-text))}.reading-progress-bar-container{position:fixed;top:4rem;left:0;width:100%;height:3px;background-color:rgba(var(--primary-text),.2);z-index:9}.reading-progress-bar{height:3px;background-color:rgb(var(--accent-color-2));width:0%}.back-to-top-button{position:fixed;bottom:20px;right:20px;background-color:rgba(var(--accent-color),.7);color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;opacity:.7;transition:opacity .3s,background-color .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.back-to-top-button:hover{opacity:1;background-color:rgb(var(--accent-color-2))}.back-to-top-button:focus{opacity:1;background-color:rgb(var(--accent-color-2));outline:none;box-shadow:0 0 8px rgba(var(--accent-color-2),.8)}.back-to-top-button svg{transition:transform .2s ease-in-out}.back-to-top-button:hover svg,.back-to-top-button:focus svg{transform:scale(1.2)}.header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase}.brand-logo{width:120px;height:auto;flex-shrink:0;opacity:.7;margin-bottom:1em}.brand-name{margin:0;font-size:var(--text-size-900);font-family:var(--font-heading);font-weight:600}.brand-name-part-2{padding-left:.15em;font-weight:700}.brand-service{margin:1.5em 1em;font-size:var(--text-size-1000);font-weight:700;text-align:center;line-height:1.3;text-shadow:0px 0px 2px rgb(8,8,8)}.cta-tagline{margin:0 0 1em;font-size:var(--text-size-500);font-weight:500;text-align:center;color:rgb(var(--accent-color));background:linear-gradient(to bottom left,#8b5eff,#a895ae 79%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-group{display:flex;justify-content:center;align-items:stretch;max-width:500px;margin:0 auto}.input-group{position:relative;flex-grow:1}input{font-family:var(--font-heading);font-size:var(--text-size-200);padding:16px 50px 16px 25px;border-top-left-radius:50px;border-bottom-left-radius:50px;border:2px solid rgb(var(--primary-text));border-right:none;background-color:var(--input-bg);color:rgb(var(--primary-text));outline:none;width:100%;box-sizing:border-box;transition:border-color .2s,background-color .2s;text-align:center}input::placeholder{color:rgb(var(--primary-text));opacity:1}input:focus{border-color:rgb(var(--accent-color-2));box-shadow:0 0 5px #24c77e80;background-color:var(--cta-hover-bg)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:rgb(199,199,199)!important;-webkit-box-shadow:0 0 0px 1000px rgb(8,8,8) inset!important;border:2px solid rgb(199,199,199);border-right:none;transition:background-color 5000s ease-in-out 0s}.clear-button{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:rgb(var(--secondary-text));font-size:1.2em;cursor:pointer;padding:5px;line-height:1;opacity:0;pointer-events:none;transition:opacity .2s,color .2s}.clear-button.visible{opacity:.8;pointer-events:auto}.clear-button:hover{opacity:1;color:rgb(var(--primary-text))}input:focus+.clear-button{color:rgb(var(--accent-color-2))}input:-webkit-autofill:focus+.clear-button{color:#c7c7c7}.error-message-container{min-width:170px;max-width:380px;margin:1em auto 0;color:rgb(var(--error-color));font-family:var(--font-heading);font-size:var(--text-size-100);text-align:center;padding:.5em 1em;min-height:1.5em;line-height:1.5em}.error-message-container:empty{visibility:hidden}input.error{background-color:#8b000033;border-color:rgb(var(--error-color))}.cta-button{display:inline-block;font-family:var(--font-heading);font-size:var(--text-size-200);font-weight:500;color:rgb(var(--primary-text));background-color:#08080833;text-decoration:none;padding:16px 45px;border-top-right-radius:50px;border-bottom-right-radius:50px;border:2px solid rgb(var(--primary-text));position:relative;cursor:pointer;transition:background-color .2s,box-shadow .2s,border-color .2s;line-height:1;box-sizing:border-box;white-space:nowrap;min-width:170px}.cta-button:hover,.cta-button:focus{background-color:var(--cta-hover-bg);box-shadow:0 0 10px #24c77e80;outline:none;border-color:rgb(var(--primary-text))}.cta-button:active{background-color:var(--cta-hover-bg);transform:scale(.98);border-color:rgb(var(--accent-color-2))}.cta-button:focus{border-color:rgb(var(--accent-color-2));background-color:var(--cta-hover-bg)}.footer{padding:2rem;font-family:var(--font-heading);font-size:.8rem;color:var(--footer-text-color);display:flex;justify-content:center;background-color:rgb(var(--background-base));flex-direction:column}.footer-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-links ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center}.footer-links li{margin-right:3rem;margin-bottom:1em}.footer-links li:last-of-type{margin-right:0}.footer-links a{color:var(--footer-text-color);text-decoration:none}.footer-links a:hover,.footer-links a:active{color:rgb(var(--accent-color-2));text-decoration:underline}.footer-links a:focus,.footer-links a:focus-visible{outline:none;color:rgb(var(--accent-color-2));box-shadow:0 0 5px rgba(var(--accent-color-2),.5);text-decoration:underline}.version-text{margin-top:1rem}.copyright-text{margin-right:.5em}.success-popup{position:fixed;bottom:0;left:50%;height:0;transform:translate(-50%);color:rgb(var(--primary-text));background:#21915f;background:linear-gradient(187deg,#21915f,#335446 95%);padding:15px 30px;border-radius:8px 8px 0 0;font-size:var(--text-size-300);font-weight:400;font-family:var(--font-body);z-index:1000;opacity:0;visibility:hidden;box-shadow:0 4px 15px #0000004d;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.success-popup>*{opacity:0}.success-popup-content{display:flex;align-items:center;justify-content:center}.success-popup.show{visibility:visible;animation:line-to-rect-bounce .7s forwards cubic-bezier(.34,1.7,.64,1)}.success-popup.show>*{animation:fade-in .5s forwards;animation-delay:.4s}.success-popup.hide .success-popup-content{animation:text-zoom-out-left .5s forwards cubic-bezier(.6,-.28,.735,.045)}.success-popup.hide{height:20dvh;width:100%;opacity:1;visibility:visible;transform-origin:left;animation:container-shrink-right-to-left .4s forwards cubic-bezier(.25,.46,.45,.94);animation-delay:.4s}@keyframes line-to-rect-bounce{0%{width:100%;height:1px;border-radius:0;opacity:0}20%{height:1px;opacity:1}60%{height:calc(20dvh + 50px);border-radius:100px 100px 0 0}80%{height:calc(20dvh - 10px);border-radius:30px 30px 0 0}to{width:100%;height:20dvh;border-radius:20px 20px 0 0;opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes text-zoom-out-left{0%{opacity:1;transform:translate(0);filter:blur(0)}to{opacity:0;transform:translate(-100%);filter:blur(10px)}}@keyframes container-shrink-right-to-left{0%{transform:translate(-50%) scaleX(1);opacity:1}to{transform:translate(-150%) scaleX(0);opacity:0}}.skip-link{position:absolute;top:-9999px;left:-9999px}.skip-link:focus{position:fixed;top:10px;left:10px;background:var(--input-bg);color:rgb(var(--primary-text));padding:8px 12px;z-index:1001;text-decoration:none;font-size:1em;border:1px solid rgba(var(--primary-text),.3);border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){.brand-logo{width:90px}.brand-name{font-size:var(--text-size-700)}.cta-tagline{font-size:var(--text-size-400)}}@media only screen and (max-width: 700px){.brand-logo{width:70px}.brand-name{font-size:var(--text-size-500)}.cta-group{flex-direction:column;max-width:380px;width:100%}.brand-service{font-size:var(--text-size-700)}.cta-tagline{font-size:var(--text-size-300)}.input-group{width:100%;margin-bottom:1.5em}input{padding:12px 20px;border-radius:50px;border-right:2px solid rgb(199,199,199);width:100%}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{border-right:2px solid rgb(199,199,199)}.cta-button{width:100%;border-radius:50px}h1{font-size:var(--text-size-700)}}