*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#000;background-color:#fffb00;font-weight:600;letter-spacing:.5px}.container{max-width:800px;margin:0 auto;padding:20px}.page{background:#fff;border:4px solid #000;padding:30px;box-shadow:8px 8px 0 #000}h1{font-size:32px;margin-bottom:20px;color:#000;width:100%;overflow:visible;text-overflow:clip;white-space:normal;word-wrap:break-word;letter-spacing:1px;font-weight:800;text-transform:uppercase}h2{font-size:24px;margin-bottom:15px;color:#000}h2,h3{font-weight:700;letter-spacing:.8px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:700;color:#000;letter-spacing:.5px;font-size:14px;text-transform:uppercase}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;padding:12px 14px;border:3px solid #000;border-radius:0;font-size:14px;font-weight:600;letter-spacing:.5px;background-color:#fff;color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:4px 4px 0 #000;transition:all .1s ease}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:none;background-color:#fffb00;box-shadow:6px 6px 0 #000}input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#666;font-weight:600}button{padding:14px 28px;background-color:#fffb00;color:#000;border:4px solid #000;border-radius:0;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.8px;box-shadow:4px 4px 0 #000;text-transform:uppercase;transition:all .1s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button:hover:not(:disabled){background-color:#fff;box-shadow:6px 6px 0 #000;transform:translate(-2px,-2px)}button:active:not(:disabled){box-shadow:2px 2px 0 #000;transform:translate(2px,2px)}button:disabled{background-color:#ccc;color:#666;border-color:#666;box-shadow:4px 4px 0 #666;cursor:not-allowed;opacity:.7}.button-group{display:flex;gap:15px;margin-top:30px}.button-group button{flex:1 1}.error{color:#000;background-color:#fffb00;font-size:14px;margin-top:8px;padding:8px 12px;border:3px solid #000;font-weight:700;letter-spacing:.5px}.card{border:4px solid #000;border-radius:0;padding:20px;margin-bottom:20px;cursor:pointer;transition:all .1s ease;box-shadow:4px 4px 0 #000;background-color:#fff}.card:hover{transform:translate(-2px,-2px)}.card.selected,.card:hover{background-color:#fffb00;box-shadow:6px 6px 0 #000}.card.selected{border:4px solid #000}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:12px}.checkbox-item,.radio-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:3px solid #000;border-radius:0;cursor:pointer;background-color:#fff;transition:all .1s ease;font-weight:600}.checkbox-item input:checked+span,.radio-item input:checked+span{font-weight:800}.checkbox-item:hover,.radio-item:hover{background-color:#fffb00;box-shadow:3px 3px 0 #000}input[type=checkbox],input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#000;border:2px solid #000}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background-color:#fffb00;border:3px solid #000;border-radius:0;font-size:14px;margin:5px;font-weight:700;box-shadow:3px 3px 0 #000}.badge button{background:none;border:none;color:#000;padding:0;margin-left:5px;cursor:pointer;font-size:20px;line-height:1;font-weight:800;transition:all .1s ease}.badge button:hover{transform:scale(1.2)}