@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&display=swap');
:root{--font-sans:'Google Sans','Segoe UI',Arial,sans-serif;--font-serif:'Google Sans','Segoe UI',Arial,sans-serif}
body,button,input,select,textarea{font-family:var(--font-sans)!important}
h1,h2,h3,h4,[class*="brand-name"],[class*="brand-text"]{font-family:var(--font-sans)!important;letter-spacing:-.025em}
.brand-logo,.footer-logo,.auth-logo svg{color:#5286ff;filter:drop-shadow(0 0 8px #7954ed66)}
.hero h1,.hero-title{background:linear-gradient(105deg,#5286ff 10%,#9764f5 55%,#cf70d5);background-clip:text;-webkit-background-clip:text;color:transparent}
::selection{background:#364c78;color:#eef0f6}

/* Rich logo spectrum and vivid positive values. */
:root,:root[data-brand],body{--swatch-olive:#20d990;--swatch-mineral:#20d990;--theme-success-text:#20d990;--theme-success-rgb:32 217 144}
.brand-logo,.footer-logo,.auth-logo svg{background:linear-gradient(135deg,#3186ff 10%,#7160ef 42%,#ba56e8 65%,#f178a7 88%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 0C56 30 70 44 100 50C70 56 56 70 50 100C44 70 30 56 0 50C30 44 44 30 50 0Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 0C56 30 70 44 100 50C70 56 56 70 50 100C44 70 30 56 0 50C30 44 44 30 50 0Z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 6px #8760ef55)}
.brand-logo>*,.footer-logo>*,.auth-logo svg>*{opacity:0}