.brutalist-btn{border:4px solid var(--black);box-shadow:6px 6px 0 0 var(--black);transition:var(--transition-smooth);text-transform:uppercase;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;background-color:#fff;color:var(--black)}.brutalist-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--black)}.brutalist-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--black)}.brutalist-btn:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}body.dark-mode .brutalist-btn{background-color:var(--dark-card-bg);color:var(--dark-text);border-color:var(--dark-text);box-shadow:6px 6px 0 0 var(--dark-text)}body.dark-mode .brutalist-btn:hover{box-shadow:8px 8px 0 0 var(--dark-text)}body.dark-mode .brutalist-btn:active{box-shadow:0 0 0 0 var(--dark-text)}.brutalist-card{border:4px solid var(--black);box-shadow:8px 8px 0 0 var(--black);transition:var(--transition-smooth);background-color:#fff}.brutalist-card:hover{box-shadow:12px 12px 0 0 var(--black);transform:translateY(-4px)}.brutalist-card:focus-within{outline:2px solid var(--magenta);outline-offset:2px}body.dark-mode .brutalist-card{background-color:var(--dark-card-bg);color:var(--dark-text);border-color:var(--dark-text);box-shadow:8px 8px 0 0 var(--dark-text)}body.dark-mode .brutalist-card:hover{box-shadow:12px 12px 0 0 var(--dark-text)}:root{--bg-color: #f8f9fa;--black: #000000;--cyan: #00ffcc;--yellow: #ffea00;--magenta: #ff00ff;--purple: #7b61ff;--transition-smooth: all .3s cubic-bezier(.25, .46, .45, .94)}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--black);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}::selection{background-color:var(--magenta);color:#fff}a{text-decoration:none}