:root{--slate-blue: #5b6684;--mauve: #977a8e;--mint: #97dcdb;--periwinkle: #a9b3cd;--black: #000000;--white: #ffffff;--gray-light: #f8f9fa;--error-red: #c0392b}.app{min-height:100vh;background-color:var(--gray-light)}.header{background-color:var(--white);border-bottom:6px solid var(--black);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Truculenta,sans-serif;font-size:2rem;font-weight:900;color:var(--slate-blue);text-shadow:3px 3px 0px var(--black)}.nav{display:flex;gap:1rem}.nav-btn{font-family:Truculenta,sans-serif;font-weight:700;font-size:.9rem;padding:.75rem 1.5rem;background-color:var(--white);color:var(--black);border:4px solid var(--black);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.nav-btn:hover{background-color:var(--mint);box-shadow:4px 4px 0 var(--black);transform:translate(-2px,-2px)}.nav-btn.active{background-color:var(--slate-blue);color:var(--white);box-shadow:4px 4px 0 var(--black)}.main{max-width:1200px;margin:0 auto;padding:2rem}.hero{background-color:var(--mint);border:6px solid var(--black);box-shadow:12px 12px 0 var(--black);padding:3rem;margin-bottom:3rem;transform:rotate(-1deg);position:relative}.hero-content{transform:rotate(1deg);text-align:center}.hero h1{font-family:Truculenta,sans-serif;font-size:3rem;font-weight:900;color:var(--black);margin-bottom:1rem;text-shadow:4px 4px 0px var(--white)}.hero p{font-size:1.2rem;font-weight:600;color:var(--black);margin-bottom:2rem}.card{background-color:var(--white);border:4px solid var(--black);box-shadow:8px 8px 0 var(--black);padding:2rem;margin-bottom:2rem}.card:hover{box-shadow:12px 12px 0 var(--black);transform:translate(-2px,-2px);transition:all .2s ease}.card h2{font-family:Truculenta,sans-serif;font-size:1.8rem;font-weight:700;color:var(--slate-blue);margin-bottom:1rem}.btn{font-family:Truculenta,sans-serif;font-weight:700;font-size:1.1rem;padding:1rem 2rem;border:4px solid var(--black);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;display:inline-block;text-decoration:none}.btn-primary{background-color:var(--slate-blue);color:var(--white)}.btn-primary:hover{background-color:var(--mauve);box-shadow:6px 6px 0 var(--black);transform:translate(-2px,-2px)}.btn-secondary{background-color:var(--mint);color:var(--black)}.btn-secondary:hover{background-color:var(--periwinkle);box-shadow:6px 6px 0 var(--black);transform:translate(-2px,-2px)}.input,.textarea{font-family:Raleway,sans-serif;font-size:1rem;padding:1rem;border:4px solid var(--black);background-color:var(--white);width:100%;margin-bottom:1rem}.input:focus,.textarea:focus{outline:none;box-shadow:4px 4px 0 var(--mint);transform:translate(-2px,-2px)}.textarea{min-height:150px;resize:vertical}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.stat-card{background-color:var(--white);border:4px solid var(--black);box-shadow:6px 6px 0 var(--black);padding:2rem;text-align:center}.stat-number{font-family:Truculenta,sans-serif;font-size:3rem;font-weight:900;color:var(--black);display:block}.stat-label{font-weight:600;color:var(--black);text-transform:uppercase;letter-spacing:.5px}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.mode-card{background-color:var(--white);border:4px solid var(--black);box-shadow:8px 8px 0 var(--black);padding:2rem;cursor:pointer;transition:all .2s ease;text-align:center;width:100%;font:inherit;color:inherit}.mode-card:hover{box-shadow:12px 12px 0 var(--black);transform:translate(-2px,-2px)}.mode-card.active{background-color:var(--mint)}.mode-icon{font-size:3rem;margin-bottom:1rem;display:block}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center}.nav-btn{font-size:.8rem;padding:.5rem 1rem}.hero h1{font-size:2rem}.main{padding:1rem}.logo{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#1c1e21;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Truculenta,sans-serif;font-weight:700}button{font-family:Raleway,sans-serif}.neobrutal-border{border:4px solid #000}.neobrutal-shadow{box-shadow:8px 8px #000}.neobrutal-shadow-hover:hover{box-shadow:12px 12px #000;transform:translate(-2px,-2px);transition:all .2s ease}