:root[data-theme=dark]{--main: hsl(214, 32%, 4%);--secondary: hsl(0, 0%, 100%);--bg-dark: hsl(214, 28%, 10%);--bg-light: hsl(214, 26%, 15%);--text: hsl(214, 10%, 98%);--text-muted: hsl(216, 10%, 80%);--shadow-card: 0.6rem 0.6rem 1.6rem rgba(7, 10, 13, 0.3);--border: hsl(214, 22%, 20%);--border-highlight: hsl(214, 20%, 30%);--border-sec-el: hsl(214, 16%, 50%);--bg-sec-el: hsl(214, 22%, 20%);--strong: hsl(214, 10%, 95%);--footer-bg-1: hsl(214, 28%, 10%);--footer-bg-2: hsl(214, 26%, 15%);--ge-glow: hsl(250, 100%, 69%);--brand-color: hsl(47, 100%, 49%);--brand-color-variation: hsl(40, 100%, 49%);--hero-bg: url("../images/hero-bg-spray.webp") no-repeat;--logo-text: url("../images/logo-text.webp");--yt-sub: url("../images/youtube-subscription-cta-subscribe-to-our-channel.webp");--angle-control-bg: conic-gradient(from 0deg at 50% 50%, hsl(214, 20%, 30%) 0deg, transparent 360deg);--card-hover-bg-gradient: linear-gradient(180deg, hsl(214, 22%, 20%), hsl(214, 28%, 10%));--sticky-header-bg: rgba(0, 0, 0, 0.7);--sub-menu-hover-bg: rgba(0, 0, 0, 0.05);--gcc-shadow: -5px -5px 20px color.adjust(hsl(250, 100%, 69%), $alpha: -0.75), 5px 5px 20px color.adjust(hsl(180, 100%, 50%), $alpha: -0.75);--input-bg: hsl(214, 10%, 98%);--header-bg: hsl(214, 22%, 20%);--glass-bg: rgba(255, 255, 255, .15);--see-through: rgba(255, 255, 255, .05);--cta-color: hsl(215, 30%, 8%);--crown: url("../images/crown-icon.png")}:root[data-theme=light]{--main: hsl(214, 10%, 98%);--secondary: hsl(214, 32%, 4%);--bg-dark: hsl(214, 10%, 95%);--bg-light: hsl(214, 10%, 98%);--strong: hsl(215, 30%, 8%);--text: hsl(215, 30%, 8%);--text-muted: hsl(214, 20%, 30%);--shadow-card: rgba(0, 0, 0, 0.07);--border: hsl(216, 10%, 80%);--border-highlight: hsl(214, 10%, 90%);--border-sec-el: hsl(214, 12%, 70%);--bg-sec-el: hsl(0, 0%, 100%);--footer-bg-1: hsl(214, 12%, 70%);--footer-bg-2: hsl(216, 10%, 80%);--brand-color: hsl(196, 69%, 53%);--brand-color-variation: hsl(196, 69%, 63%);--hero-bg: url("../images/hero-bg-spray-lm.webp") no-repeat;--logo-text: url("../images/logo-text-lm.webp");--yt-sub: url("../images/youtube-subscription-cta-subscribe-to-our-channel-black.webp");--angle-control-bg: conic-gradient(from 0deg at 50% 50%, hsl(214, 12%, 70%) 0deg, transparent 360deg);--card-hover-bg-gradient: linear-gradient(180deg, hsl(0, 0%, 100%), hsl(214, 10%, 95%));--sticky-header-bg: rgba(255, 255, 255, 0.7);--gcc-shadow: -5px -5px 20px color.adjust(hsl(250, 100%, 40%), $alpha: -0.75), 5px 5px 20px color.adjust(hsl(180, 100%, 50%), $alpha: -0.75);--ge-glow: hsl(196, 69%, 63%);--sub-menu-hover-bg: rgba(255, 255, 255, 0.1);--input-bg: hsl(0, 0%, 100%);--header-bg: hsl(216, 10%, 80%);--glass-bg: rgba(0, 0, 0, .15);--see-through: rgba(0, 0, 0, .05);--cta-color: hsl(0, 0%, 100%);--crown: url("../images/crown-icon-white.png")}.login-page-form-container .login-section{position:relative;z-index:10;background:linear-gradient(180deg, var(--bg-light), var(--bg-dark));border:1px solid var(--border);border-top:1px solid var(--border-highlight);box-shadow:var(--shadow-card);border-radius:1.2rem}.login-page-form-container .login-section:hover{background:var(--card-hover-bg-gradient)}.login-page .cta-btn:nth-of-type(2) a{border:1px solid var(--border-sec-el);transition:border .3s ease-out;width:100%;display:inline-block;align-items:center;color:var(--secondary);cursor:pointer !important;font-size:1.4rem;pointer-events:auto;margin-bottom:.4rem;position:relative;z-index:10000;height:3.6rem;font-weight:bold;background-color:var(--bg-sec-el);border-radius:9999px;background-image:none}.login-page .cta-btn:nth-of-type(2) a span,.login-page .cta-btn:nth-of-type(2) a i{color:var(--brand-color);font-size:1.4rem;margin-right:.4rem}.login-page .cta-btn:nth-of-type(2) a:link,.login-page .cta-btn:nth-of-type(2) a:visited,.login-page .cta-btn:nth-of-type(2) a:hover,.login-page .cta-btn:nth-of-type(2) a:active{background:var(--bg-sec-el)}.login-page .cta-btn:nth-of-type(2) a:hover{border-color:var(--brand-color)}.login-page{background:var(--main)}.login-page .cta-btn{display:none}.login-page .cta-btn a{width:100%}.login-page .cta-btn.login-button,.login-page .cta-btn.login-submit{display:block}.login-page .cta-btn#patreon-login a::before{display:inline-flex;left:.8rem;width:3.2rem;background:center/1.6rem 1.6rem no-repeat url("../images/patreon-logo.png");content:""}@media(max-width: 400px){.login-page .cta-btn#patreon-login a{padding:1.2rem 1.6rem}}.login-page .cta-btn:nth-of-type(2) a{height:auto}.login-page .cta-btn:nth-of-type(2) a:hover{color:var(--text)}.login-page-form-container{min-height:100vh;position:relative;padding:15vh 3.2rem 0;color:var(--secondary);font-size:1.6rem}@media(max-width: 1170px){.login-page-form-container{flex-basis:100% !important;padding:3.2rem 3.2rem 0 3.2rem}}@media(max-width: 480px){.login-page-form-container{flex-basis:100% !important;padding:.8rem .8rem 0 .8rem}}.login-page-form-container-headline{margin-top:3.2rem}.login-page-form-container .wp-block-columns{margin-bottom:0}.login-page-form-container .logo-icon{text-align:center;position:relative;z-index:100;height:8rem;width:8rem;margin-bottom:-4rem}.login-page-form-container .logo-icon:hover{transform:scale(0.99)}.login-page-form-container .login-section{padding:2.1rem 2.8rem;border-radius:.8rem}.login-page-form-container a:link,.login-page-form-container a:visited{color:var(--brand-color);text-decoration:underline}.login-page-form-container a:hover,.login-page-form-container a:active{color:var(--brand-color);text-decoration:none}.login-page-form-container .patreon-login-link a:link,.login-page-form-container .patreon-login-link a:visited{color:var(--brand-color);text-decoration:underline}.login-page-form-container .patreon-login-link a:hover,.login-page-form-container .patreon-login-link a:active{color:var(--brand-color);text-decoration:none}.login-page-form-container .cta-btn a:link,.login-page-form-container .cta-btn a:hover,.login-page-form-container .cta-btn a:visited,.login-page-form-container .cta-btn a:active{color:var(--main);text-decoration:none}.login-page-form-container>*{max-width:40rem;margin:0 auto 1.6rem}.login-page-form-container ul{list-style:none;line-height:3.2rem}.login-page-form-container ul input[type=checkbox]{margin-right:.8rem}.login-page-form-container p{font-size:1.4rem;margin:.8rem auto}.login-page-form-container h1{text-align:left;font-size:2.4rem;margin:3.2rem auto .8rem auto;padding:0}