:root{--primary:#ff6b6b;--secondary:#4ecdc4;--accent:#ffe66d;--background:#f7f7f7;--text:#2c3e50;--border:#000;--shadow:4px 4px 0 #000;--hover-transform:translate(-4px,-4px);--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--text);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.02em}button{font-family:inherit;font-weight:600;cursor:pointer;border:2px solid var(--border);background-color:var(--primary);color:#fff;padding:10px 20px;border-radius:10px;transition:var(--transition)}button:hover{transform:var(--hover-transform);box-shadow:var(--shadow)}input,textarea{font-family:inherit;border:2px solid var(--border);border-radius:10px;padding:10px;background-color:#fff;transition:var(--transition)}input:focus,textarea:focus{outline:none;transform:var(--hover-transform);box-shadow:var(--shadow)}.card{background-color:#fff;border:2px solid var(--border);border-radius:10px;padding:20px;transition:var(--transition)}.card:hover{transform:var(--hover-transform);box-shadow:var(--shadow)}.badge{display:inline-block;padding:5px 10px;font-weight:600;font-size:14px}.badge,.progress-bar{border:2px solid var(--border);border-radius:10px}.progress-bar{width:100%;height:20px;background-color:#e0e0e0;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary);transition:width .3s ease}