@layer base{.brutal-page{--brutal-ink:#1a1c19;--brutal-bg:#f7f7f2;--brutal-hero:#ebe5f7;--brutal-tools:#dbeafe;--brutal-learn:#1a1c19;--brutal-who:#ebe5f7;--brutal-test:#c2f1d1;--brutal-faq:#ffb5d0;--brutal-sidebar:#fafafa;--brutal-purple:#8b5cf6;--brutal-pink:#e83beb;--brutal-blue:#3b82f6;--brutal-yellow:#fde047;--brutal-cyan:#38bdf8;background-color:var(--brutal-bg);color:var(--brutal-ink)}.brutal-page ::-webkit-scrollbar{border-left:3px solid var(--brutal-ink);width:12px}.brutal-page ::-webkit-scrollbar-track{background:var(--brutal-bg)}.brutal-page ::-webkit-scrollbar-thumb{background:var(--brutal-ink);border:2px solid var(--brutal-bg)}}@layer utilities{.bg-brutal-bg{background-color:var(--brutal-bg)}.bg-brutal-ink{background-color:var(--brutal-ink)}.bg-brutal-hero{background-color:var(--brutal-hero)}.bg-brutal-tools{background-color:var(--brutal-tools)}.bg-brutal-learn{background-color:var(--brutal-learn)}.bg-brutal-who{background-color:var(--brutal-who)}.bg-brutal-test{background-color:var(--brutal-test)}.bg-brutal-faq{background-color:var(--brutal-faq)}.bg-brutal-sidebar{background-color:var(--brutal-sidebar)}.bg-brutal-purple{background-color:var(--brutal-purple)}.bg-brutal-pink{background-color:var(--brutal-pink)}.bg-brutal-blue{background-color:var(--brutal-blue)}.bg-brutal-yellow{background-color:var(--brutal-yellow)}.bg-brutal-cyan{background-color:var(--brutal-cyan)}.text-brutal-ink{color:var(--brutal-ink)}.text-brutal-bg{color:var(--brutal-bg)}.text-brutal-purple{color:var(--brutal-purple)}.text-brutal-pink{color:var(--brutal-pink)}.text-brutal-blue{color:var(--brutal-blue)}.text-brutal-yellow{color:var(--brutal-yellow)}.text-brutal-cyan{color:var(--brutal-cyan)}.text-brutal-tools{color:var(--brutal-tools)}.text-brutal-test{color:var(--brutal-test)}.border-brutal-ink{border-color:var(--brutal-ink)}.border-strict{border:3px solid var(--brutal-ink)}.border-strict-b{border-bottom:3px solid var(--brutal-ink)}.border-strict-t{border-top:3px solid var(--brutal-ink)}.border-strict-r{border-right:3px solid var(--brutal-ink)}.border-strict-l{border-left:3px solid var(--brutal-ink)}.shadow-brutal{box-shadow:4px 4px 0px 0px var(--brutal-ink)}.shadow-brutal-lg{box-shadow:8px 8px 0px 0px var(--brutal-ink)}.shadow-brutal-xl{box-shadow:16px 16px 0px 0px var(--brutal-ink)}.shadow-brutal-sm{box-shadow:2px 2px 0px 0px var(--brutal-ink)}.shadow-brutal-white{box-shadow:4px 4px #fff}.shadow-brutal-white-lg{box-shadow:8px 8px #fff}}@layer components{.brutal-page .btn-brutal{transition:all .1s}.brutal-page .btn-brutal:active{transform:translate(4px,4px);box-shadow:none!important}.brutal-page .reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.brutal-page .reveal.active{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.brutal-page .animate-marquee{animation:25s linear infinite marquee}.brutal-page .animate-marquee-slow{animation:40s linear infinite marquee}.brutal-page input:-webkit-autofill{caret-color:#1a1c19;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1a1c19!important;-webkit-box-shadow:inset 0 0 0 9999px #fff!important}.brutal-page input:-webkit-autofill:hover{caret-color:#1a1c19;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1a1c19!important;-webkit-box-shadow:inset 0 0 0 9999px #fff!important}.brutal-page input:-webkit-autofill:focus{caret-color:#1a1c19;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1a1c19!important;-webkit-box-shadow:inset 0 0 0 9999px #fff!important}.brutal-page input:-webkit-autofill:active{caret-color:#1a1c19;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1a1c19!important;-webkit-box-shadow:inset 0 0 0 9999px #fff!important}