@import "https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;800;900&display=swap";:root{--bg-main:#fafafa;--bg-card:#fff;--primary:#e03c31;--secondary:#005bbb;--accent:#ffd100;--text-main:#1a1a1a;--text-muted:#888;--border-color:#1a1a1a;--transition:.2s ease;--line-thickness:2px;--bg-elevated:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Jost,system-ui,-apple-system,sans-serif;display:flex}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}button{color:var(--text-main);border:var(--line-thickness) solid var(--border-color);letter-spacing:.5px;cursor:pointer;transition:var(--transition);text-transform:uppercase;z-index:1;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:12px;padding:14px 28px;font-family:Jost,system-ui,sans-serif;font-size:1.1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}button:before{content:"";background:var(--text-main);z-index:-1;transform-origin:bottom;width:100%;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}button:hover{color:#fff}button:hover:before{transform:scaleY(1)}button.btn-danger-swoop:before{background:var(--primary)!important}button.btn-danger-swoop:hover{color:#fff!important;border-color:var(--primary)!important}button.btn-danger-swoop:hover:before{transform:scaleY(1)!important}button.no-swoop:before{display:none!important}button.no-swoop:hover{color:inherit!important}button:disabled{cursor:not-allowed;color:#aaa!important;background:#f0f0f0!important;border-color:#ddd!important;transform:none!important}button:disabled:hover{box-shadow:none!important;transform:none!important}button.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}button.btn-primary:hover{box-shadow:8px 8px 0px var(--text-main);border-color:var(--text-main);color:#fff;transform:translate(-4px,-4px)}button.btn-primary:before{display:none}input{border:none;border-bottom:var(--line-thickness) solid var(--border-color);color:var(--text-main);transition:var(--transition);background:0 0;border-radius:0;outline:none;width:100%;padding:12px 0;font-family:Jost,system-ui,sans-serif;font-size:1.1rem;font-weight:500}input:focus{border-color:var(--secondary)}input::placeholder{color:var(--text-muted)}.flat-card{background:var(--bg-card);border:var(--line-thickness) solid var(--border-color);box-shadow:12px 12px 0px var(--border-color);padding:48px}.container{width:100%;max-width:1200px;margin:0 auto;padding:24px}.screen-center{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.title-linear{color:var(--text-main);text-transform:uppercase;letter-spacing:-2px;margin-bottom:0;font-size:4rem;font-weight:900;line-height:1}.title-small{color:var(--text-main);text-transform:uppercase;letter-spacing:0;font-size:2rem;font-weight:800}.subtitle{color:var(--text-muted);margin-bottom:24px;font-size:1.1rem;font-weight:400;display:block}.badge{color:var(--text-main);border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:1px;background:0 0;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-block}.bauhaus-label{background:var(--text-main);color:#fff;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;font-size:.8rem;font-weight:800;display:inline-block;position:relative}.bauhaus-label:after{content:"";border:1px solid var(--text-main);z-index:-1;width:100%;height:100%;position:absolute;top:4px;left:4px}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.linear-accent-bar{width:100%;height:4px;display:none}.linear-accent-bar>div{flex:1}.bar-red{background-color:var(--primary)}.bar-blue{background-color:var(--secondary)}.bar-yellow{background-color:var(--accent)}.custom-tooltip{display:inline-block;position:relative}.custom-tooltip[data-msg]:after{content:attr(data-msg);background:var(--text-main);color:#fff;text-transform:none;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;border-radius:4px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:calc(100% + 5.5px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 8px 24px #0003}.custom-tooltip[data-msg]:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--text-main);pointer-events:none;opacity:0;visibility:hidden;z-index:1000;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(10px)}.custom-tooltip[data-msg]:hover:after,.custom-tooltip[data-msg]:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.bauhaus-bg-container{z-index:-100;background-color:var(--bg-main);pointer-events:none;isolation:isolate;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bauhaus-bg-container:before{content:"";opacity:.15;pointer-events:none;mix-blend-mode:multiply;background:url(https://grainy-gradients.vercel.app/noise.svg);width:100%;height:100%;position:absolute;top:0;left:0}.shape{opacity:.15;transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute}.shape-circle{background-color:var(--primary);border-radius:50%;width:500px;height:500px;top:-100px;right:-100px}.shape-square{background-color:var(--secondary);width:300px;height:300px;bottom:10%;left:-50px;transform:rotate(15deg)}.shape-triangle{border-left:200px solid #0000;border-right:200px solid #0000;border-bottom:350px solid var(--accent);width:0;height:0;bottom:-50px;right:15%;transform:rotate(-10deg)}.shape-h-line{background:var(--border-color);opacity:.05;width:100%;height:1px}.shape-v-line{background:var(--border-color);opacity:.05;width:1px;height:100%}.dot-pattern{background-image:radial-gradient(var(--text-main) 2px, transparent 2px);opacity:.1;background-size:20px 20px;width:200px;height:200px;position:absolute;top:20%;right:25%}.bauhaus-frame{border:1px solid var(--border-color);opacity:.05;pointer-events:none;position:absolute;inset:40px}@media (width<=768px){.shape-circle{width:300px;height:300px}.shape-square{width:150px;height:150px}.shape-triangle{border-bottom-width:175px;border-left-width:100px;border-right-width:100px}.bauhaus-frame{inset:20px}}